VUE tooltip组件延迟打开时跨页面显示BUG
问题描述
tooltip组件设置show-after延迟2s打开,此时跳转页面,在新页面弹出组件。
<el-tooltip
v-else-if='item.colEnter'
placement='right'
effect='light'
:show-after='2000'
raw-content
>
原因分析:
tooltip组件已经保存在缓存中了,切换页面时没有清除,所以在新页面也会弹出组件,并且由于绑定元素不存在,导致组件显示在左上角。
解决方案:
增加属性disabled=false
在跳转时修改disabled值为ture
此时将禁用组件