美文网首页
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