第一种 数据渲染时候
{{['签到失败','签到成功','异常签到'][dataListItem.sign_state]}}
周边代码
<view class="ljSignTag">
<view class="cu-tag bg-cyan radius">
{{['签到失败','签到成功','异常签到'][dataListItem.sign_state]}}
</view>
</view>
第二种 标签中 多种class需要时
:class="dataItemClassList[dataListItem.sigin_type]"
周边代码
<view class="margin" :class="dataItemClassList[dataListItem.sigin_type]">
。。。。。。
</view>
data() {
return {
dataItemClassList:["bg-red","bg-green","bg-yellow"]
}
},