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