el-table-column的自定义label
时间: 2023-11-23 10:52:56 浏览: 480
【JavaScript源代码】vue 使用 sortable 实现 el-table 拖拽排序功能.docx
可以通过使用scoped slot来自定义el-table-column的label。具体步骤如下:
1. 在el-table-column标签中添加一个名为label的scoped slot,例如:
```
<el-table-column prop="name">
<template slot-scope="scope" slot="label">
<span>{{ scope.column.label }}</span>
<el-tooltip class="item" effect="dark" :content="scope.column.tooltip">
<i class="el-icon-info"></i>
</el-tooltip>
</template>
</el-table-column>
```
2. 在slot中使用scope.column.label来获取列的默认label,然后可以根据需要进行自定义。
3. 如果需要添加tooltip,可以使用element-ui的el-tooltip组件。
阅读全文