Vue样式设置的几种方式
1、直接使用class设置样式：代码：结果：2、通过v-bind绑定class设置样式：（1）使用json形式：代码：结果：（2）使用数组形式代码：结果：注意：通过第二种数组的方式，也可以通过三元表达式进行class的判断，此处不再赘述。3、通过:style设置样式代码：结果：注意：:style绑定样式是，不能使用常规的css样式，如font-size,background-color等，如果用到
·
1、直接使用class设置样式：
代码：
结果：
2、通过v-bind绑定class设置样式：
（1）使用json形式：
代码：
结果：
（2）使用数组形式
代码：
结果：
注意：通过第二种数组的方式，也可以通过三元表达式进行class的判断，此处不再赘述。
3、通过:style设置样式
代码：
结果：
注意：:style绑定样式是，不能使用常规的css样式，如font-size,background-color等，如果用到此类样式，需要遵循驼峰命名法，即fontSize，backgroundColor这样，否则报错。
前往低代码交流专区
更多推荐
1
0- 0
已为社区贡献2条内容
所有评论(0)