vue class变量加载不同class
vue语法中绑定Class时,用到对象语法
<div :class="['hide',{'show':item.staues=='0'}]">
待付款
</div>
<div :class="['hide',{'show':item.staues=='1'}]">
已付款
</div>
<div :class="['hide',{'show':item.staues=='2'}]">
待配送
</div>
<div :class="['hide',{'show':item.staues=='3'}]">
已配送
</div>
hide这个class是一直存在的,show这个class根据变量值显示。
vue官网:https://cn.vuejs.org/v2/guide/class-and-style.html#对象语法
如果有帮到你的话,欢迎激励一下作者。
还没有评论,来说两句吧...