el-table-column 里面两个字段怎么绑定,让其在另外一个页面调用一个数据时能展示两条数据
时间: 2024-02-23 11:58:47 浏览: 146
用table绑定数据,实现分页功能
4星 · 用户满意度95%
在 `el-table-column` 中可以使用 `scoped-slot` 来渲染自定义的列内容,可以将两个字段绑定到同一个 `scoped-slot` 中,然后在另一个页面中调用数据时,将数据传入该 `scoped-slot` 中即可展示两条数据。
例如:
```html
<el-table :data="tableData">
<el-table-column label="姓名">
<template slot-scope="scope">
{{ scope.row.name }}
</template>
</el-table-column>
<el-table-column label="年龄&性别">
<template slot-scope="scope">
{{ scope.row.age }}岁{{ scope.row.gender }}
</template>
</el-table-column>
</el-table>
```
在上面的例子中,第二个 `el-table-column` 使用了 `scoped-slot`,将 `scope.row.age` 和 `scope.row.gender` 绑定到同一个 `scoped-slot` 中,展示为一条数据。在另一个页面中,可以将数据按照 `tableData` 的格式传入即可展示。
阅读全文