一个导航钩在Vue2路由器基本知识点详细

导航钩

通过Vue路由器提供的导航钩主要用于拦截导航,让它完成跳跃或取消。有许多方法来执行路由时发生:全球导航钩,单路独家,或组件级。

全局钩子


const路由器=新VueRouter({…})
Router.beforeEach((,,下)= > {
做某事
下一步();
});

Router.afterEach((,,下)= > {
console.log(的路);
});




每个钩子方法接收三个参数:

至:路由:即将到来的目标{路由对象}
从:路线:当前导航离开的路线
下一步:函数:必须调用这个方法来解析钩子。执行效果取决于下一步。


方法的调用参数。

下一步():管道中的下一个钩子。如果所有的钩子都完成了,导航的状态被确认(确认)。
下一步(false):中断当前的导航。如果浏览器的URL发生变化(可能是用户手册或浏览器后退按钮),那么URL地址将被重置为
路线地址。
下一步()或下一步({ }:}):跳转到另一个地址。当前导航被中断,并执行一个新的导航。


确保调用下一个方法,否则钩子将无法解决。

组件中的钩子


让frompath =;
出口默认{
beforerouteenter(,,下){
在呈现相应的路由组件之前,请确认
不是!可以!获取组件实例这个
因为在未创建组件实例执行之前的钩子/
frompath = from.path;
下一步();
},
}


以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。