Element2 el-tooltip 滚动时 不消失

在这里插入图片描述
这个解决思路有三个,先说第一个:
首先观察elment官方文档,poper和tootip都是对poper.js二次封装的,但是在最新版(2.15)element中poper有两个属性:open-delay、close-delay。而tootip只有open-delay,可以把close-delay模仿poper中的添加方式,加入到tootip中,再次封装下tootip。但是笔者用的是2.7版本,2.7中连poper都没有close-delay,直接把2.15的源码加进去怕出问题,于是就没用这个解决方案,用高版本的可以试下。
第二个:
根据poper.js中的示例,https://popper.js.org/docs/v2/modifiers/hide/
这部分是可以做到适配当前是否显示的,但是这个加入进去后会引起tootip设置位置的失效,可能是我加的不对或者也需要修改elemet源码,有能力的可以试下
第三个:
妥协一下,每次滚动的时候,消失多于1个的tootip,这个功能理应本身就被加入到tootip中,但是不知道为啥没加入,因为tootip中有一个方法是鼠标每次移动,消失多于1个的tootip。
但是这样改会有一个问题:如果一行很高,滚动以后鼠标还在这一行,那位置会有轻微的错位,不过比原来的错位已经小很多了,如果是正常的一行一行的列表,这个问题也根本不可能出现。
详细的改造方法参考:https://blog.csdn.net/baoyin0822/article/details/119824648

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值