从0开始学习机器学习--Day33--机器学习阶段总结

上一路由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)
  }
})

开发踩坑记，希望可以帮到正在处理该问题的你。
若有侵权，联系立删。