这篇文章主要介绍了Vue 样式切换及三元判断样式关联操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
假设有需求：
后台返回状态1:启用，0：禁用
1、若要使启用为绿色，禁用不添加其他样式
<div> {{ scope.row.statusName }} </div> .active{ color:green; <strong>本文来源gaodai#ma#com搞@@代~&码*网2</strong>}
1、若要使启用为绿色，禁用为红色，可使用三元表达式绑定样式
<div> {{ scope.row.statusName }} </div> .active{ color:green; } .native{ color:red; }
补充知识：vue通过判断写样式(v-bind)
如下所示：
v-bind:style=”$index % 2 > 0?’background-color:#FFF;’:’background-color:#D4EAFA;'”
以上就是Vue 样式切换及三元判断样式关联操作的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue 样式切换及三元判断样式关联操作
转载请注明原文链接：Vue 样式切换及三元判断样式关联操作
