element ui中的表頭鼠標懸浮顯示全部內容的實現方法。


 

 

 這是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)]
            ),
        ]);
    },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM