ElementPlus的tooltip组件快速切换位置偏移问题

1,037 阅读1分钟

问题描述

两个按钮对应有两个tooltip,来回切换时第二个tooltip的位置偏移并且tooltip的箭头没有了。

image.png

问题原因

tooltip组件切换时动态计算箭头的位置和tooltip的位置,由于切换过快导致逻辑执行出错。

解决方案

通过延迟属性:show-after="200"可暂时解决问题。

注意:element-plus版本为^1.0.2-beta.70时出现的问题。

最新版element-plus的tooltip鼠标hover时才创建tooltip的DOM。已经没有这个问题了。