vue 路由跳转 页面数据并没有更新,如何解决

时间:2025-01-18 20:45:05

由于 router-view 使用了 keep-alive组件,被缓存了。
原因:vue-router的切换不同于传统的页面切换,而是路
由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。

第一种方法:使用生命周期函数 :activated  (在这里面更新数据,或者清空数据)

activated() {
        ()
    },

第二种:在watch中监听路由变化,对router进行监控,当router发生变化时,执行初始化界面方法

//监听函数
watch: {
    '$route' () {
      ();//我的初始化方法
    }
  },