问题描述

• 由于样式和数据结构基本都一样，这两个路由共用一个 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() } }