路由缓存后跳转到新路由时，上一路由中的tip信息框不销毁问题解决
上一路由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)
}
})
开发踩坑记，希望可以帮到正在处理该问题的你。
若有侵权，联系立删。