vue样式绑定

vue 样式的绑定

可以通过 class 或者 style 属性的绑定来设置。

绑定值可以是对象&＃xff0c;也可以是数组&＃xff1a;

class 的对象绑定

通过绑定class 属性即 “&＃xff1a;class”&＃xff0c;然后使用js对象赋给该属性一个数据。

代码&＃xff1a; class 绑定的数据叫 activated&＃xff0c; 它的值为isActivated. 当isActivated 为true时&＃xff0c;class 的值为 activated&＃xff1b;当isActivated为false时&＃xff0c;class的值为空。

class 的数组绑定

通过“:class” &＃xff0c;绑定一个数组数据

style 的绑定

使用 “&＃xff1a;style” 绑定style属性&＃xff0c;如下代码&＃xff1a;