vue中动态绑定class与style

使用v-bind指令可以给元素动态绑定class与style属性。

1、动态绑定class的三种方式

①直接绑定


图一

②绑定对象

语法：{key(类名) :value(布尔值)}


图二

③绑定数组

绑定数组有两种方式，一种是直接绑定类名，还有一种是绑定三元运算符。


图三


图四

2、动态绑定style的两种方式

①绑定对象


图五

②绑定数组


图六
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容