根据后端返回字段判断显示相应中文
原始代码:
<span v-if="v.operationSource.code=='0'">未开始</span>
<span v-if="v.operationSource.code=='1'">进行中</span>
<span v-if="v.operationSource.code=='2'">已完成</span>
<span v-if="v.operationSource.code=='3'">取消</span>
<span v-if="v.operationSource.code=='4'">暂停</span>
简化代码:
<span>{{ taskState(v.operationSource.code) }}</span>
methods: {
// 任务状态判断显示
taskState(code) {
const states = {
0: "未开始",
1: "进行中",
2: "已完成",
3: "取消",
4: "暂停"
};
return states[code] || "未知状态";
}
},
推荐阅读:
扫描二维码,在手机上阅读