el-table-column prop=customizeId label=个人信息名称 怎么根据customizeId显示对应的名称
您需要在数据源中添加一列,将 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 显示对应的个人信息名称了
原文地址: https://www.cveoy.top/t/topic/gAPo 著作权归作者所有。请勿转载和采集!