当前位置:首页 > 千层云服务器 > 正文

vue如何监听路由

在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) {

}

如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

在线客服