status状态value转换为文字

最新推荐文章于 2023-04-17 16:39:22 发布

wyf.world

最新推荐文章于 2023-04-17 16:39:22 发布

阅读量183

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weitunfei/article/details/126020704

版权

这段内容展示了如何在前端表格中使用`StatusTranslate`方法将状态编码转换为易于理解的文字描述，例如将数字'1'映射为'正常'。`el-table-column`组件结合`slot-scope`用于展示每个单元格的状态，并在方法中定义了状态字典来完成转换。

摘要由CSDN通过智能技术生成

table表单内容：

<el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          {{ StatusTranslate(scope.row.status) }}
        </template>
      </el-table-column>>

methods方法内容：

      StatusTranslate(status) {
        let statusArr = {
          '1': '正常',
          '2': '审核中',
          '3': '变更中',
          '4': '闲置中',
          '5': '闲置',
          '6': '报废中',
          '7': '维修中',
          '8': '盘点中',
        }
        return statusArr[status]
      },