vue动态添加class的脚本是什么，如何依变量值判断显示class-群英

上一篇：uniapp怎么实现一个页面有多个商品倒计时的效果下一篇：vue项目打包时报错404有什么解决方法

这篇文章给大家分享的是vue动态添加class的脚本是什么，如何依变量值判断显示class。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

如果 status为1，样式为redRoom

如果 status为2，样式为greenRoom1

如果 status为其他，样式为greenRoom2

:class="{'redRoom': Number(items.status) === 1, 'greenRoom1': Number(items.status) === 2, greenRoom2: Number(items.status) > 2}"

补充知识：vue 根据变量值来判断显示class

我就废话不多说了，大家还是直接看代码吧~

<div :class="['bottom-btn',{'face-btn':type=='face'}]">

</div>

现在大家对于vue动态添加class的脚本是什么，如何依变量值判断显示class的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

标签： vue动态添加class

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：uniapp怎么实现一个页面有多个商品倒计时的效果下一篇：vue项目打包时报错404有什么解决方法