Class与Style绑定
操作元素的class列表和内联样式是数据绑定的一个常见的需求。
因为它们都是属性,所以我们可以用v-bind来处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且容易出错。
因此在将v-bind用于class和style时,Vue.js做了专门的增强。
表达式结果的类型除了字符串之外,还可以是对象或者数组。
绑定HTML Class
对象语法
我们可以传给v-bind:class一个对象,以动态地切换class:
2023-07-30 13:03:28
Class与Style绑定
操作元素的class列表和内联样式是数据绑定的一个常见的需求。
因为它们都是属性,所以我们可以用v-bind来处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且容易出错。
因此在将v-bind用于class和style时,Vue.js做了专门的增强。
表达式结果的类型除了字符串之外,还可以是对象或者数组。
绑定HTML Class
对象语法
我们可以传给v-bind:class一个对象,以动态地切换class: