el-table中给某一列的数据加上文字
时间: 2024-02-01 12:13:23 浏览: 63
el-table无限滚动+控制列是否显示+列排序(非json)
5星 · 资源好评率100%
你可以使用`scoped-slot`的方式来给el-table中的某一列数据加上文字。具体实现步骤如下:
1. 在el-table-column标签中添加scoped-slot属性,值为当前列的prop值,如下所示:
```html
<el-table-column prop="name" label="姓名" scoped-slot="name">
</el-table-column>
```
2. 在template标签中添加slot-scope属性,值为当前列的prop值,如下所示:
```html
<template slot="name" slot-scope="scope">
<span>{{ scope.row.name }}</span>
<span>先生/女士</span>
</template>
```
这样就可以给el-table中的name列数据添加上“先生/女士”的文字了。
阅读全文