vue element 前端字典ID串翻译成字典name串

最新推荐文章于 2024-05-21 19:00:00 发布

dream8062

最新推荐文章于 2024-05-21 19:00:00 发布

阅读量576

点赞数

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

本文链接：https://blog.csdn.net/dream8062/article/details/129017495

版权

前端专栏收录该内容

11 篇文章

订阅专栏

文章讲述了在Vue.js中如何使用`el-table-column`组件的`formatter`属性来格式化表格数据。具体示例是通过`regionFormat`方法处理`tenantId`，将ID拆分并查找对应的区域名称，然后用逗号连接显示。

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

列表中：
<el-table-column label="区域" align="center" prop="tenantId" :formatter="regionFormat"/>


定义regionFormat方法：
regionFormat(row) {

      var name = []
      var nameStr = ''
      if (row.tenantId) {
        var idlist = row.tenantId.split(',')
        idlist.forEach((id) => {
          this.regionList.forEach((region) => {
            if (id == region.id) {
              name.push(region.name)
            }
          })
        })
        if (name.length > 0) {
          nameStr = name.join(',')
        }
      }
      return nameStr
    }
}