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

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()
   }
  }
}

你可能感兴趣的:(vue.js,javascript,前端)