当前位置: 首页 > Web前端 > HTML5

自定义antdTree组件的悬浮提示窗内容

时间:2023-04-05 17:06:14 HTML5

以antd官网为例。当鼠标放在文本区域时,鼠标悬浮窗显示的是文本内容,因为标签中的title属性已经设置好了内容。在TreeNode属性中,有disableCheckbox和disabled,分别代表禁用复选框和禁用响应。在这种禁用的情况下。一般来说,鼠标浮窗提示都是固定内容。比如***不可用之类的。而且风格也会不一样。但是antd自带的title属性是无法隐藏的。这里记录一下我自己的一个解决方案。1、给TreeNode添加一个className属性,比如disable-item-node。2.绑定mouseover事件。在下面的span中找到title属性并将其设置为空useEffect(()=>{constelement=document.getElementsByClassNae('disable-item-node');if((leti=0;i