温馨提示×

vue如何监听路由

vue
养鱼的猫咪
1369
2021-05-12 19:56:43
栏目: 编程语言

在vue中监听路由的方法有:1.使用watch方法监听;2.使用watch方法监听路由变化,并获取路由信息;3.使用beforeEach方法全局监听;4.使用beforeRoute方法在组件内部监听

vue如何监听路由

具体方法如下:

1.使用watch方法监听路由

watch:{

$route(to,from){

console.log(from.path);

console.log(to.path);

}

}

2.使用watch方法监听路由变化,并获取路由信息

watch:{

$route:{

handler(val,oldval){

console.log(val);

console.log(oldval);

},

deep: true

}

}

3.使用beforeEach方法全局监听路由

router.beforeEach((to, from, next) => {

console.log(to);

next();

});

export default router

4.使用beforeRoute方法在组件内部监听路由

beforeRouteEnter (to, from, next) {

}

beforeRouteUpdate (to, from, next) {

}

beforeRouteLeave (to, from, next) {

}

0