BuildAdmin elementPlus自定義表頭添加tooltip方法示例
更新時間：2023年09月19日 08:56:33 作者：秋刀魚Bin
這篇文章主要介紹了BuildAdmin elementPlus 自定義表頭,添加tooltip實現(xiàn)方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
引言
最近后端用這個框架，今天遇到了這個問題，搜尋無果，看了下源碼，搗鼓了好久才實現(xiàn)，記錄一下。_(:з」∠)_
實現(xiàn)效果
column那邊用到"render-header"
{
label: '注冊人數(shù)',
prop: 'register',
align: 'center',
width: 105,
operator: false,
"render-header":(obj:anyObj,msg:string) => renderHeader(obj,'玩家下級團隊當(dāng)天注冊人數(shù)（只包含一級）'),
}render方法如下
const renderHeaderTP = ({column}:any,msg:string)=> {
return createVNode(
resolveComponent('el-tooltip'),
{
effect: "dark",
content: msg,
placement: 'top'
},
{
default: createVNode(
'i',
{
class:"fa fa-exclamation-circle icon my-tooltip"
},
column.label
)
}
)
}css
/* 自適應(yīng)-e */
.my-tooltip::before{
float: right;
margin-left: 2px;
}以上就是BuildAdmin elementPlus自定義表頭添加tooltip方法示例的詳細內(nèi)容，更多關(guān)于BuildAdmin elementPlus表頭添加的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Element DateTimePicker日期時間選擇器的使用示例
這篇文章主要介紹了Element DateTimePicker日期時間選擇器的使用示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Vue.js每天必學(xué)之方法與事件處理器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單的計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要介紹了Vue.js中observer模塊的相關(guān)資料，文中通過原理分析介紹還是相對的詳細，相信對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-02-02
這篇文章主要介紹了vue2.0 解決抽取公用js的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue微信公眾號網(wǎng)頁分享的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
Vue3-KeepAlive,多個頁面使用keepalive方式
這篇文章主要介紹了Vue3-KeepAlive，多個頁面使用keepalive方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
element的el-form-item的prop作用小結(jié)
Vue表單驗證中的prop屬性用于指定需要驗證的表單字段,它定義了字段名稱并與驗證規(guī)則關(guān)聯(lián),確保數(shù)據(jù)的完整性和準(zhǔn)確性,本文就來介紹一下element的el-form-item的prop作用,感興趣的可以了解一下2025-01-01
vue之elementUi的el-select同時獲取value和label的三種方式
這篇文章主要介紹了vue之elementUi的el-select同時獲取value和label的三種方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
vue使用axios?post發(fā)送json數(shù)據(jù)跨域請求403的解決方案
這篇文章主要介紹了vue使用axios?post發(fā)送json數(shù)據(jù)跨域請求403的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12