BuildAdmin elementPlus自定义表头添加tooltip方法示例
作者：秋刀鱼Bin
这篇文章主要介绍了BuildAdmin elementPlus 自定义表头,添加tooltip实现方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
引言
最近后端用这个框架，今天遇到了这个问题，搜寻无果，看了下源码，捣鼓了好久才实现，记录一下。_(:з」∠)_
实现效果
column那边用到"render-header"
{
label: '注册人数',
prop: 'register',
align: 'center',
width: 105,
operator: false,
"render-header":(obj:anyObj,msg:string) => renderHeader(obj,'玩家下级团队当天注册人数（只包含一级）'),
}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
/* 自适应-e */
.my-tooltip::before{
float: right;
margin-left: 2px;
}以上就是BuildAdmin elementPlus自定义表头添加tooltip方法示例的详细内容，更多关于BuildAdmin elementPlus表头添加的资料请关注脚本之家其它相关文章！