這是elementui 的表頭中的內容,不像表的列表一樣自帶鼠標懸浮效果。並且官網好像也沒有能讓其有懸浮效果的屬性和方法。
實現方法:
把他封裝到公共方法里面,在main.js全局導出
然后在表頭中使用即可。
以上只是部分關鍵代碼。參考使用即可。
最終實現效果:
附:
// 鼠標懸浮表頭提示
renderHeader(h, data) {
return h("span", [
h(
"el-tooltip",
{
attrs: {
class: "item",
effect: "dark",
content: data.column.label,
placement: "top",
},
},
[h("span", data.column.label)]
),
]);
},