这是一个创建于 3014 天前的主题，其中的信息可能已经有所发展或是发生改变。
问题描述
- 由于样式和数据结构基本都一样，这两个路由共用一个 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
 | 1 xiaomeimei OP 已经解决了，增加一个 canReuse 钩子函数，返回 false，告诉不可重用 ```Javascript canReuse(transition){ return false } ``` |
| 2 xiaomeimei OP ``` canReuse(transition){ return false } ``` |
Select Language