【uniapp】解决不同时支持静态和动态样式绑定

376 阅读1分钟

我们用vue写项目的时候,经常会用到静态样式绑定与动态样式绑定同时出现的情况,如下:

<button v-if="item.status === 1" class="btn-item" :class="{'btn-1':true}">拼团中</button>

但是在uniapp中,不支持这种模式,可以改为如下这种方式:

<button v-if="item.status === 0" :class="['btn-item',`btn-${item.status}`]" >立即开团</button>