在使用el-table的时候想在标题上加el-tooltip提示。
添加方法:
第一步:在el-table-column中绑定:render-header="renderPrice"
<el-table-column prop="agentName" label="预测分类" width="160" :render-header="renderPrice">
</el-table-column>
第二步:methods中设置方法
renderPrice(h, { column, $index }) {
return [
column.label,
h(
'el-tooltip',
{
props: {
content: '添加后将具备对应部门目标的维护权限', // 鼠标悬停时要展示的文字提示
placement: 'top' // 悬停内容展示的位置
}
},
[h('span', { class: { 'el-icon-question': true }})] // 图标
)
]
},