vue项目 通过路由跳转页面后立即刷新页面

在Vue.js应用中,由于beforeRouteEnter守卫无法直接访问组件实例,导致无法直接调用刷新页面的方法。尝试使用activated生命周期钩子未达到预期效果,而通过watch监听$router.query.refresh参数变化,实现了页面数据的重新加载。当查询参数refresh为true时,调用list()方法来刷新列表。
摘要由CSDN通过智能技术生成

1.本来想用路由守卫 在进入页面之后 调用刷新页面的方法

但是在 Vue Router 中,beforeRouteEnter 导航守卫无法直接访问组件实例,因此在该导航守卫中无法调用组件的方法。

2.用activated方法 但是没有效果(activated在页面一出现就执行)

3.用watch监听

//路由跳转的时候 给他传递一个参数
this.$router.push({ path:  '/knsxs/knssq',  query:{ refresh:true } })

//接收页面
watch:{
  '$router.query.refresh':{
     immedidate:true, //立即执行
     handler:(val){
      if(val){
         this.list()
   }
  }
}

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值