V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xiaomeimei
V2EX  ›  Vue.js

vue-router 0.7.3 deactivate 钩子函数问题

  •  
  •   xiaomeimei · 2017-09-13 23:46:38 +08:00 · 3253 次点击
    这是一个创建于 2388 天前的主题,其中的信息可能已经有所发展或是发生改变。

    问题描述

    • 由于样式和数据结构基本都一样,这两个路由共用一个 category/index.vue 组件,当两个路由之间切换时,组件里的 deactivate 钩子函数不会触发,但切换到主页或者其他不共用的组件时,就会触发。

    代码如下

    JS 代码

    • router.js 部分代码,用于注册路由
    router.map({
    '/': {
          name: 'home',
          component: function(reslove) {
            return require(['./views/home/index.vue'], reslove)
          },
          meta:{keepAlive:true}
        },
    '/cate1/': {
          name: 'cate1',
          component: function(reslove) {
            return require(['./views/category/index.vue'], reslove)
          },
          meta:{keepAlive:true}
        },
    '/cate2/': {
          name: 'cate1',
          component: function(reslove) {
            return require(['./views/category/index.vue'], reslove)
          },
          meta:{keepAlive:true}
        },
    });
    //注册路由切换前
      router.beforeEach(function(transition) {
        transition.next();
      });
    
      //注册路由切换后
      router.afterEach(function(transition) {
        console.log(transition.from.name)
      });
    
    • category/index.vue 部分代码
    route: {
    
          data(transition){},
          deactivate (transition) {
               console.log('deactivate...')
               transition.next()
             }
    }
    
    2 条回复    2017-09-14 16:11:54 +08:00
    xiaomeimei
        1
    xiaomeimei  
    OP
       2017-09-14 16:11:26 +08:00
    已经解决了,增加一个 canReuse 钩子函数,返回 false,告诉不可重用
    ```javascript
    canReuse(transition){
    return false
    }
    ```
    xiaomeimei
        2
    xiaomeimei  
    OP
       2017-09-14 16:11:54 +08:00
    ```
    canReuse(transition){
    return false
    }
    ```
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5322 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 08:06 · PVG 16:06 · LAX 01:06 · JFK 04:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.