vue 之当三元表达式不够用的时候一种解决方案

第一种 数据渲染时候

 {{['签到失败','签到成功','异常签到'][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"]
    }
},