在开发Vue 项目时,有时会遇到利用

this.$router.push({

path:XXX

})  这样的来跳转,但是有时会不刷新页面,所以要利用(监测路由beforeRouteUpdate)来解决。

这个方法是vue-router2.2版本加上的。因为原来的版本中,如果一个在两个子路由之间跳转,是不触发beforeRouteLeave的。这会导致某些重置操作,没地方触发。在之前,我们都是用watch $route来hack的。但是通过这个勾子,我们有了更好的方式。


beforeRouteUpdate(to, from, next){
    if(from.path.substr(from.path.length-9,from.path.length)==='createJob'){
        this._request();
    }
    next();
},

Logo

前往低代码交流专区

更多推荐