vue动态style多个
时间: 2023-09-25 07:15:05 浏览: 33
vue.js多视图的使用
你可以使用一个对象来设置多个动态样式,例如:
```
<template>
<div :style="dynamicStyles"></div>
</template>
<script>
export default {
data() {
return {
color: 'red',
fontSize: '16px'
}
},
computed: {
dynamicStyles() {
return {
color: this.color,
fontSize: this.fontSize
}
}
}
}
</script>
```
在上面的示例中,我们使用 `:style` 绑定一个对象 `dynamicStyles`,该对象包含了两个属性 `color` 和 `fontSize`,这两个属性的值都是从 data 中获取的动态值。这样就可以在组件中动态设置多个样式。
阅读全文