详解vue-router 2.0常用基础知识点之导航钩子

  

<>强导航钩子

  

vue-router提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的,单个路由独享的,或者组件级的。

  

<强>全局钩子

        const路由器=new VueRouter ({…})   路由器。beforeEach(下),从=比;{//做某事   next ();   });      路由器。afterEach(下),从=比;{   console.log (to.path);   });      之前      

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

  
      <李>:路线:即将要进入的目标(路由对象]   <李>:路线:当前导航正要离开的路由李   <李>:功能:一定要调用该方法来解决这个钩子。执行效果依赖下李   
  

<强>方法的调用参数。

  
      <李> next():进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是证实(确认的)。   <李>下(错误):中断当前的导航。如果浏览器的URL改变了(可能是用户手动或者浏览器后退按钮),那么URL地址会重置到从李   <李>路由对应的地址。   <李> next(“/?或者下({路径:'/'}):跳转到一个不同的地址。当前的导航被中断,然后进行一个新的导航。   
  

确保要调用一方法,否则钩子就不会被解决。

  

<强>组件内的钩子

        让fromPath=";   出口默认{   beforeRouteEnter(下),从{//在渲染该组件的对应路由被确认前调用//不!能获取组件实例“这”//因为当钩子执行前,组件实例还没被创建   fromPath=from.path;   next ();   },   }      

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

详解vue-router 2.0常用基础知识点之导航钩子