vue 路由切换页面再次进入更新数据

mounted和created都只能值行一次,尝试监听改变的数据也未起效果,项目中使用了<keep-alive>,所以用activated监听初始函数

 1.需要跳转的页面home.vue:   页面每次跳转时都改变参数,通过获取不同的时间来实现地址如:http://localhost:8080/#/noticeDetail?time=1641284450820

vue  路由切换页面再次进入更新数据

 

 

 2.路由设置为不缓存上次的数据

{
        path: "/noticeDetail",
        name: "noticeDetail",
        component: pages.noticeDetail,
        meta: {
            title: "公告信息",
            code: "noticeDetail",
            noCache:false 
        }
    },

3.跳转目标页面noticeDetail.vue实现监听:

 activated(){ //项目使用了keep-alive,所以用activate监听才会再次刷新数据
     this.init();//初始化页面
 },

  

 

上一篇:Vue - activated和deactivated两个声明钩子


下一篇:vue 动态组件