VUE动态绑定class

方案一：三元表达式形式

<p :class="showTopTitle ? 'text' : 'dispaly'">测试</p>

方案二：对象形式

<p :class="{ rate: true, [addColor(detailData.annualReturn).color]: true }">测试</p>

方案三：对象形式

<span :class="{ 'lable-item': true, scale: width < 375, scale_right: width < 375 }">测试</span>

方案四：数组形式

<div :class="[atvieCls,errorCls]">测试</div>

vue动态绑定:class的几种方式

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/11159.html