根据后端返回的英文转换成前端对应的中文

最新推荐文章于 2024-09-01 15:50:33 发布

_Legend_King

最新推荐文章于 2024-09-01 15:50:33 发布

阅读量819

点赞数 3

分类专栏：前端 vue 文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_63026743/article/details/131108499

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

vue

6 篇文章 0 订阅

订阅专栏

1. 在methods中添加 getStatusText(status) { } 方法

根据词典填写 statusMap

/ **后端给的词典 */

/* 待返回 */
WAIT_RETURN,

/* 待数据 */
WAIT_DATA,

/* 待上传 */
WAIT_UPLOAD,

/* 已完成 */
FINISH,

methods: {
    // 根据后端返回的英文转换成对应的中文
    getStatusText(status) {
      const statusMap = {
        WAIT_RETURN: '待返回',
        WAIT_DATA: '待数据',
        WAIT_UPLOAD： '待上传',
        FINISH: '已完成',
      }
      return statusMap[status] || ''
    },
}

2. 在需要展示的地方调用getStatusText 方法

<el-table-column label="状态" min-width="180">
    <template slot-scope="scope">
        <span style="margin-left: 10px">{{ getStatusText(scope.row.status) }}</span>
    </template>
</el-table-column>