今天遇到vue监听路由变化而进行相关业务刷新处理，比如拉取数据

主要利用vue组件内 watch 方法监听,以下代码是我的业务方法，主要利用vue路由 $route 中 params 特性，这个是不记录在地址栏的，一般地址栏后退是不存在这个值，但是用户主动触发可以塞这个值。

这样就能区分浏览器后退逻辑了

// 数据监听
watch: {
    "$route.path": function(n, o) {
    console.log('监听路由变化', n, o, this.$route)
    let pageName = this.$route.path.substr(1)
    try {
    if (!this.$route.name) {
    return false
    }
    if (!this.$route.params.source || this.$route.params.source !== 'menu') {
    var _cmp = this.$getComponents('leftBox')
    _cmp.changePath(pageName, true)
    }
    } catch (e) {
    console.log(e)
    }
    },
}

以上就是vue监听路由变化针对浏览器后退业务处理全部内容,感谢大家支持自学php网。