el-table tooltip触发，切换页面，导致提示信息不消失悬停左上角

当你在一个基于Element UI的el-table组件中使用tooltip功能，如果在表格单元格上触发了tooltip，并且在此过程中发生了页面切换（例如通过导航栏或者路由切换），tooltip的显示会保持在原始的位置，即使用户已经离开了之前的页面。这是因为当页面刷新时，DOM元素会被重新渲染，而旧的tooltip实例并未被销毁，所以会在原位置继续存在。

这种现象可能导致用户体验不佳，因为用户可能找不到原来的提示信息，尤其是在屏幕尺寸较小的设备上，悬停在页面左上角的tooltip可能会被忽视。

要解决这个问题，可以采取以下几种策略：

1. **手动关闭**: 当用户离开某个单元格或切换到新的页面时，主动清除或隐藏当前的tooltip。在Vue组件内，可以在beforeDestroy生命周期钩子中移除tooltip，或者在离开特定区域时调用hideTooltip函数。

2. **监听路由变化**: 使用vue-router提供的导航守卫，在路由切换之前检查并隐藏所有的tooltip。

3. **改进UI设计**: 可能的话，可以考虑使用更智能的提示系统，例如将tooltip绑定到特定的数据元素上，当数据不再可用时自动消失。

// 示例代码：
import { ElTable } from 'element-ui'

export default {
  methods: {
    hideTooltip() {
      this.$refs.myTable.tooltipVisible = false;
    }
  },
  beforeDestroy() {
    this.hideTooltip();
  }
}