vue 监听路由变化

在做移动端商城页面，详情页内推荐列表跳转详情后，回退不刷新页面的问题

// 监听,当路由发生变化的时候执行
watch:{
  $route(to,from){
    console.log(to.path);
  }
},
或者
// 监听,当路由发生变化的时候执行
watch: {
  $route: {
    handler: function(val, oldVal){
      console.log(val);
    },
    // 深度观察监听
    deep: true
  }
},
或者
// 监听,当路由发生变化的时候执行
watch: {
  '$route':'getPath'
},
methods: {
  getPath(){
    console.log(this.$route.path);
  }
}

通过watch监听即可刷新页面，同时在详情页跳转详情页数据刷新问题watch也可以解决

vue 监听路由变化

推荐阅读