美文网首页
39. vue判断不同路由进行到同一界面执行不同的操作

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

作者: yaoyao妖妖 | 来源:发表于2018-10-10 16:05 被阅读16次
  // 在渲染该组件的对应路由被 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判断不同路由进行到同一界面执行不同的操作

  • if语句的使用

    if 判断语句用于基于不同条件执行不同的动作 if 判断语句在您写代码时,经常会需要基于不同判断执行不同的操作。您...

  • 5_Node路由

    [toc] Node.js路由 1.node.js路由 路由是为了处理不同的请求(url)执行的不同的操作。我们要...

  • 与Vue.js的第九天

    今天学习了路由 路由 路由 路由vue-router是vue的核心组件根据不同的url访问不同页面配合单页面使用 ...

  • 路由

    路由(vue-router)是vue的工具库 vue.js路由允许我们通过不同的URL访问不同的页面 Vue.js...

  • vue路由

    路由 路由:vue-routervue的核心插件vue-router.js根据不同的url访问不同的页面创建单页面...

  • 2018-09-24

    路由:vue-router (1):路由是vue的核心插件 (2):可以根据不同的url访问不同的页面 (3):可...

  • vue根据参数不同的路由跳转以及name的作用

    最近在做VUE路由跳转根据参数的值不同但是跳转的是同一个路由的功能。点击左边的目录,根据目录ID跳转不同的列表。如...

  • vue.js---vue-router路由前端状态管理

    vue­-router路由基本加载 输入不同的路由,显示不同的组件(通俗的讲就是输入不同的网址,显示不同的内容) ...

  • Vue路由vue-router

    概述 前端路由路由就是根据不同的url地址来展示不同的内容或页面.Vue Router 是 Vue.js 官方的...

网友评论

      本文标题:39. vue判断不同路由进行到同一界面执行不同的操作

      本文链接:https://www.haomeiwen.com/subject/exzpaftx.html