上一路由tip信息框不销毁问题解决
- 路由缓存篇
- 问题描述及截图
- 解决思路
- 关键代码
路由缓存篇
传送门
问题描述及截图
路由缓存后跳转新路由时,上一个路由的tip信息框没销毁。
解决思路
在全局路由守卫
中获取DOM元素,通过css去控制
关键代码
修改文件:src\router\index.ts
router.afterEach(() => {try {let tooltipList = document.getElementsByClassName('ant-tooltip')for (let tip in tooltipList) {let tipItem = tooltipList[tip]if (typeof tipItem == 'object') {tipItem.style.display = 'none'}}} catch (error) {console.log('error--tooltip', error)}
})
开发踩坑记,希望可以帮到正在处理该问题的你。
若有侵权,联系立删。