BuildAdmin elementPlus自定义表头添加tooltip方法示例
更新时间：2023年09月19日 08:56:33 作者：秋刀鱼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表头添加的资料请关注脚本之家其它相关文章！
相关文章
本篇文章主要介绍了vue mint-ui学习笔记之picker的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了vue 使用localstorage实现面包屑的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
本文详细介绍了在Vue3项目中配置和使用SCSS的步骤,包括安装依赖、配置vue.config.js、在组件中使用SCSS、全局样式管理、SCSS模块化以及深度选择器的使用,同时,还提供了解决常见问题和优化建议2025-11-11
这篇文章主要为大家详细介绍了基于Vue3.0实现无限级菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了vue 组件中添加样式不生效的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
本文主要介绍了Vue3使用element-plus实现弹窗效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
element-ui el-dialog嵌套table组件,ref问题及解决
这篇文章主要介绍了element-ui el-dialog嵌套table组件,ref问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
实际项目中偶尔会遇到给项目页面背景加水印的需求,这篇文章主要为大家介绍了Vue使用canvas实现水印功能的示例代码，希望对大家有所帮助2023-07-07
这篇文章主要为大家详细介绍了vue实现点击翻转效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
这篇文章给大家介绍了Vue使用v-bind动态绑定CSS样式,文中有相关的代码示例供大家参考,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2024-02-02
最新评论