动态修改class与style
语法格式
v-bind:class=”表达式”或:class=”表达式”
- 表达式可以是:
- 字符串 :class=”activeClass”,activeClass是data中定义的属性
- 对象 :class=”{active:isActive}”, active是样式名称,isActive是data中定义的属性取值为[true|false],代表是否应用
- 列表 :class=”[‘active’,’error’]”, active,error都是样式名称表示同时应用这些名称
- 表达式可以是:
v-bind:style=”表达式”或:class=”表达式”
style的表达式一般为对象
:style=”{color: colorStr,fontSize: fountSize+’px’}”
1 | <body> |
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jaytp@qq.com
文章标题:动态修改class与style
文章字数:293
本文作者:Aaron
发布时间:2019-12-01, 12:02:58
最后更新:2019-12-01, 12:31:33
原始链接:http://blog.linuxerbulo.com/2019/12/01/%E5%8A%A8%E6%80%81%E4%BF%AE%E6%94%B9class%E4%B8%8Estyle/版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。