1.原因:使用tooltip,鼠标划入触发,快速切换其他页面,在当前页鼠标位置获取不到,导致悬停出现在其他位置
2.引发操作:触发tooltip,快速切换页面,原先触发的tooltip并未被销毁,且未被display:none导致,未获取到位置,就定位到左上角
上述问题页面缓存才会出现
3.解决:在页面组件生命周期中,deactivated停用时,去设置tooltip display:none或dom元素删除
deactivated() {
let list = document.getElementsByClassName("el-tooltip__popper");
if (list.length > 0) {
list[list.length - 1].style.display = "none";
}
}
删除不确定是否会导致其他问题,未测试。因此是display,
版本:vue2.x、elementui2.x
其他:如果以上方式未能解决,可以使用 v-if 对组件销毁重建来处理,原因还是由缓存导致