Vue 根据不同的值显示不同的class

zlting~

于 2019-10-21 15:14:18 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE CSS样式文章标签： Vue class

本文链接：https://blog.youkuaiyun.com/sunshineTing2/article/details/102651238

116 篇文章

订阅专栏

25 篇文章

订阅专栏

本文介绍如何在Vue中根据数据动态地为元素应用不同的class样式，包括条件渲染图标和按钮背景色变化的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、

<span :class="['iconfont','fontSize30','txtColor',item.iconClass]"></span>

二、

<button :class="['changeBtn bgE',{'bgGold' : item.text === '立即兑换'}]" @click="changeBtnClick(item.text)">{{item.text}}</button>