带有动态变量的Vue计算内联样式在Safari/IE中不起作用

带有动态变量的Vue计算内联样式在Safari/IE中不起作用的原因是由于Safari和IE浏览器对于某些CSS属性的支持存在差异，导致动态变量的样式无法正确应用。

解决这个问题的方法有以下几种：

1. 使用CSS预处理器：可以使用Less、Sass等CSS预处理器来处理样式，通过预处理器的变量功能来实现动态样式的应用。这样可以避免浏览器对动态变量的支持问题。
2. 使用Vue的计算属性：将动态变量作为Vue组件的计算属性，然后在模板中直接引用计算属性的值作为样式。这样可以确保样式在各个浏览器中都能正确应用。
3. 使用Vue的样式绑定方式：可以使用Vue的样式绑定方式，将动态变量作为样式对象的属性，然后在模板中使用v-bind绑定样式对象。这样可以确保样式在各个浏览器中都能正确应用。
4. 使用浏览器兼容性解决方案：可以使用一些浏览器兼容性解决方案，如autoprefixer等工具，来自动添加浏览器前缀，以确保样式在各个浏览器中都能正确应用。

对于Safari/IE中不起作用的具体样式属性，可以根据具体情况进行调整和处理。在Vue中，可以使用v-bind绑定样式对象或计算属性来解决这个问题。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器CVM：https://cloud.tencent.com/product/cvm
• 云数据库CDB：https://cloud.tencent.com/product/cdb
• 云原生应用引擎TKE：https://cloud.tencent.com/product/tke
• 人工智能平台AI Lab：https://cloud.tencent.com/product/ailab
• 物联网平台IoT Hub：https://cloud.tencent.com/product/iothub
• 移动开发平台MPS：https://cloud.tencent.com/product/mps
• 云存储COS：https://cloud.tencent.com/product/cos
• 区块链服务BCS：https://cloud.tencent.com/product/bcs
• 元宇宙服务：https://cloud.tencent.com/product/metaspace