el-table实现映射
时间: 2023-02-21 09:23:41 浏览: 95
表与表之间的映射
el-table 是 Element UI 的一个组件,用于显示表格数据。如果想要实现映射,可以使用表格的模板列。
在 el-table 中,你可以使用特殊的列定义来自定义每一行的渲染,如下所示:
```
<el-table :data="tableData">
<el-table-column
prop="name"
label="姓名"
>
</el-table-column>
<el-table-column
label="映射"
>
<template slot-scope="scope">
{{ map[scope.row.name] }}
</template>
</el-table-column>
</el-table>
```
在上面的代码中,`map` 对象是一个映射,它将名字映射到另一个值。当模板列渲染每一行时,它使用 `scope.row.name` 取出该行的姓名,然后使用 `map[scope.row.name]` 取出映射的值,最后把这个值渲染到单元格中。
阅读全文