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
}
},
});
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。