«

根据后端返回字段判断显示相应中文

yang 发布于 阅读:251 项目


原始代码:

<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] || "未知状态";
    }
  },

版权所有:微4e
文章标题:根据后端返回字段判断显示相应中文
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论