创建vue对象: 

vue样式控制的方式

1、样式控制第一种方式:

  直接传递一个数组,注意: 这里的 class 需要使用  v-bind 做数据绑定。

vue样式控制的方式

2、样式控制第二种方式:

    在数组中使用三元表达式

vue样式控制的方式

3、样式控制第三种方式:

     在数组中使用 对象来代替三元表达式,提高代码的可读性

vue样式控制的方式

4、样式控制的第四种方式:

     在为 class 使用 v-bind 绑定 对象的时候,对象的属性是类名,由于 对象的属性可带引号,也可不带引号,所以 这里没写引号;  属性的值 是一个标识符

vue样式控制的方式

 

相关文章:

  • 2021-11-19
  • 2021-05-29
  • 2023-01-17
  • 2021-12-30
  • 2021-10-19
  • 2021-07-16
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-07-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案