方法一、render-header=“renderPrice”(此方法无法使tooltip换行)
只是单纯的想在table中添加图标和tooltip
在el-table-column中绑定:render-header=“renderPrice”(此方法无法使tooltip换行)
renderPrice(h, { column, $index }) {
return [
column.label,
h(
'el-tooltip',
{
props: {
content: '11111'
placement: 'top' // 悬停内容展示的位置
}
},
[h('span', { class: { 'el-icon-question': true }})] // 图标
)
]
},
方法二、 使用组件插槽,elementui已封装好
// 插槽插入header
缩力
:aa="scope" class="item" effect="dark" placement="top-start" > 弱宫缩:宫缩持续20-30秒 中度宫缩:宫缩持续30-40秒 强度宫缩:宫缩持续40秒以上
elementUI表格头添加图标-鼠标移入显示el-tooltip提示信息
精彩链接
发表评论