Element2 el-tooltip 滚动时 不消失
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
这个解决思路有三个,先说第一个:
首先观察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
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)