39. vue判断不同路由进行到同一界面执行不同的操作

  // 在渲染该组件的对应路由被 confirm 前调用
  // 不!能!获取组件实例 `this`
  // 因为当钩子执行前,组件实例还没被创建
  // next调用时机在mounted之后,因为有2个界面都会返回这个界面,一个带有参数,一个不带参数所以需要利用钩子判断一下
 beforeRouteEnter (to, from, next) {
 // 这个地方的代码是在create之前调用
   next(vm => {
     if (to.meta.index > from.meta.index) {
       console.log('..............99999999')
     } else if (to.meta.index < from.meta.index) {
       console.log('.............2222')
     } else {
     }
   })
 }
    beforeRouteEnter (to, from, next) {
      // 在渲染该组件的对应路由被 confirm 前调用
      // 不!能!获取组件实例 `this`
      // 因为当钩子执行前,组件实例还没被创建
    },
// 复用组件的情况下才会调用
    beforeRouteUpdate (to, from, next) {
      // 在当前路由改变,但是该组件被复用时调用
      // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候,
      // 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
      // 可以访问组件实例 `this`
    },
    beforeRouteLeave (to, from, next) {
      // 导航离开该组件的对应路由时调用
      // 可以访问组件实例 `this`
    }

你可能感兴趣的:(39. vue判断不同路由进行到同一界面执行不同的操作)