Class 与 Style 绑定

2019-11-26  本文已影响0人  满咲意

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以可以使用 v-bind 处理:只需要通过表达式计算出字符串结果即可。

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

绑定Class方式

1、对象语法 

:class="{'active':isActive,'error':isError}"

2、数组语法

 :class="[active,error]"

用在组件上:当在一个自定义组件上使用 class 属性时,这些 class 将被添加到该组件的根元素上面。这个元素上已经存在的 class 不会被覆盖。

绑定内联样式  :style

上一篇下一篇

猜你喜欢

热点阅读