您需要在数据源中添加一列,将 customizeId 映射为对应的名称,然后使用 el-table-column 的 slot-scope 属性,使用作用域插槽自定义单元格的内容。示例代码如下:

<el-table :data="tableData">
  <el-table-column prop="customizeId" label="个人信息名称">
    <template slot-scope="{ row }">
      {{ customizedInfoMap[row.customizeId] }}
    </template>
  </el-table-column>
</el-table>

其中,customizedInfoMap 是一个对象,将 customizeId 映射为对应的名称:

data() {
  return {
    customizedInfoMap: {
      1: '姓名',
      2: '年龄',
      3: '性别',
      // ...
    },
    tableData: [
      { customizeId: 1, value: '张三' },
      { customizeId: 2, value: 18 },
      { customizeId: 3, value: '男' },
      // ...
    ]
  }
}

这样,就可以根据 customizeId 显示对应的个人信息名称了

el-table-column prop=customizeId label=个人信息名称 怎么根据customizeId显示对应的名称

原文地址: https://www.cveoy.top/t/topic/gAPo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录