vue如何动态的绑定style样式
程序员文章站
2022-05-15 18:21:55
...
<span v-else class="nvwa-iconfont" :style="{'color':cNodeColor,'font-size': '14px'}"
:class="row.flag === 1 ? 'icon-_Txiaoxitishi':'icon-_Tchenggongtishi'">
</span>
// :style="{'color':row.cNodeColor,'font-size': '14px'}" 此处的写法要注意,容易犯错。
// style 中的任何属性都可以通过此方式去动态绑定 去修改值
```javascript
data() {
return {
cNodeColor: '#008ecf',
};
},
上一篇: jQuery中ajax的四种请求方式
下一篇: vue 路由传参的四种方式
推荐阅读
-
快速解决vue动态绑定多个class的官方实例语法无效的问题
-
vue的style绑定background-image的方式和其他变量数据的区别详解
-
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
-
vue通过style或者class改变样式的实例代码
-
Angular动态绑定样式及改变UI框架样式的方法小结
-
Vue 框架之动态绑定 css 样式实例分析
-
vue.js学习笔记之绑定style样式和class列表
-
快速解决vue动态绑定多个class的官方实例语法无效的问题
-
jquery如何给对象动态添加属性以及选择器、事件的绑定?(代码教程)
-
Vue 样式绑定的实现方法