vue如何监听路由

vue

1547

2021/5/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) {
}

最新知识库