vue class变量加载不同class

mac2025-07-10  5

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#对象语法

最新回复(0)