vue.js绑定类和风格样式(6)

数据绑定的共同要求是操作元素的内联样式类列表。因为他们所有的属性,我们可以使用v-bind处理:只需要计算表达式的最终字符串,字符串连接的繁琐和容易出错的。所以,当v-bind用于类和风格,Vue.js擅长它。表达式结果的类型可以是一个物体或在另外一个字符串数组。

绑定方式或通过v-bind类:类或类

结合类









JS代码


无功myvue =新的Vue({
测试
数据:{
显示器:真,
IsCc:假
},
});





或以下代码可以实现










JS代码


无功myvue =新的Vue({
测试
数据:{
类对象:{
主动:真
}
},
});


通过数组绑定类



dsdsd






JS代码


无功myvue =新的Vue({
测试
数据:{
活动类一样:主动
错误:DDD
},
});





结合样式属性



dsdsd




JS代码


无功myvue =新的Vue({
测试
数据:{
styleobject:{
颜色:红色
字体大小:30px
}
},
});




以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。