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

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
}
},
});

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部