实现效果:一个事件有三个状态(//状态判断, 1:正常; 2:异常; 0:进行中)
方法1:用 v-if 实现
<u-icon name="checkmark-circle-fill" color="#04db76" size="33" v-if="stateIcon1(item.state)"></u-icon>
<u-icon name="error-circle-fill" color="#f30908" size="33" v-if="stateIcon2(item.state)"></u-icon>
<u-icon name="minus-circle-fill" color="#F4770A" size="33" v-if="stateIcon0(item.state)"></u-icon>
js
methods里
stateIcon1(e){
if( e === 1){
return true;
}
},