问题描述:
vue使用keepAlive之后页面空白,报错:TypeError: Cannot read property 'keepAlive' of undefined。。。
为了实现页面跳转之后,返回还显示用户看过的页面/筛选过的数据,就在项目中加入了keepAlive,没想到第一次使用就遇到了,度娘都没有发生过的bug:“TypeError: Cannot read property 'keepAlive' of undefined”......
keepAlive全局使用方法:
1.app.vue加入
2.路由配置页面,每个路由根据需要配置是否开启缓存。如下如图:
meta: {
keepAlive: false
}
3.路由配置假如”滚动行为“:scrollBehavior,保证后退能返回指定位置
scrollBehavior (to, from, position) {
if (position || typeof position === 'undefined') {
return position
} else {
return { x: 0, y: 0 }
}
}