美文网首页
Class 与 Style 绑定

Class 与 Style 绑定

作者: 满咲意 | 来源:发表于2019-11-26 09:03 被阅读0次

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

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

绑定Class方式

1、对象语法 

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

2、数组语法

 :class="[active,error]"

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

绑定内联样式  :style

相关文章

网友评论

      本文标题:Class 与 Style 绑定

      本文链接:https://www.haomeiwen.com/subject/tnaswctx.html