vue基础——Class与Style绑定

Class与Style绑定

操作元素的class列表和内联样式是数据绑定的一个常见的需求。

因为它们都是属性,所以我们可以用v-bind来处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且容易出错。

因此在将v-bind用于classstyle时,Vue.js做了专门的增强。

表达式结果的类型除了字符串之外,还可以是对象或者数组。


绑定HTML Class

对象语法

我们可以传给v-bind:class一个对象,以动态地切换class:

猜你喜欢

转载自www.cnblogs.com/zhanzhuang/p/9240688.html