操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以可以使用 v-bind 处理:只需要通过表达式计算出字符串结果即可。
表达式结果的类型除了字符串之外,还可以是对象或数组。
绑定Class方式
1、对象语法
:class="{'active':isActive,'error':isError}"
2、数组语法
:class="[active,error]"
用在组件上:当在一个自定义组件上使用 class 属性时,这些 class 将被添加到该组件的根元素上面。这个元素上已经存在的 class 不会被覆盖。
网友评论