方法一、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已封装好

elementUI表格头添加图标-鼠标移入显示el-tooltip提示信息

精彩链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: