el-tooltip无法显示的问题

鉴于引用和引用的内容，您遇到的问题是，当页面手动刷新后，<el-tooltip>组件无法显示tooltip，即无法展示鼠标悬停的提示信息。您尝试过在<el-tooltip>标签外面添加<el-tooltip>标签，并使用自定义的超链接组件实现了鼠标悬停展示tooltip的效果，但只要页面手动刷新，该tooltip就无法显示了。您还尝试了在<el-tooltip>组件上添加一个:key属性，并在js中使用$set()方法进行重新渲染，但页面刷新时仍然会出现没有展示tooltip的问题。

针对您的问题，可以考虑以下解决办法：
1. 确保在页面刷新后，组件的数据状态能够正确地被保留，以便正确地展示tooltip。您可以检查页面刷新时是否有相关的数据重置或重新加载的逻辑。
2. 确保在页面刷新后，<el-tooltip>组件能够正确地被重新渲染。您可以检查组件的生命周期钩子函数，例如created()或mounted()，确保在组件初始渲染后，触发重新渲染的逻辑。
3. 如果仍然无法解决问题，您可以尝试使用Vue.js的动态组件来动态加载<el-tooltip>组件，以确保每次页面刷新时都能正确地加载和显示tooltip组件。

希望以上解决办法能够帮助您解决<el-tooltip>无法显示的问题。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* [el-tooltip无法显示的问题](https://blog.csdn.net/weixin_43882265/article/details/125995006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *3* [element UI中使用tooltip组件，当里边的按钮设置disabled后，tooltip不显示问题的解决方法](https://blog.csdn.net/cxwy_ing/article/details/122456704)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]