Vue2的样式(class和style)绑定

Vue2的样式(class和style)绑定

编程文章jaq1232025-03-28 12:24:3918A+A-

vue.js中使用样式绑定,有class属性和内联样式

class属性的绑定:


 

这是class属性绑定测试

这是class属性绑定测试

这是class属性绑定测试

这是class属性绑定测试

vm中data flag:true

使用对象时,其中key可以不用带单引号,不过为了统一建议会用单引号,value值为一个boolean值

内联的style属性绑定

    
    
    

这是style属性绑定测试

这是style属性绑定测试

这是style属性绑定测试

这是style属性绑定测试

使用对象时,key值可不用带引号,此时为样式名的驼峰表示,如果采用原样式名则必须加引号,value值为style中定义的class名且必须加引号

点击这里复制本文地址 以上内容由jaq123整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

苍茫编程网 © All Rights Reserved.  蜀ICP备2024111239号-21