一篇非常详细直白的博文推荐:
https://blog.csdn.net/yan263364/article/details/84402595
补充:
按照上述方法写完 有个问题:
从a列表的详情页面 直接点击左侧菜单栏 进入b/c列表 显示的还是缓存的a列表以及状态
需要在详情页路由离开之前做处理:
beforeRouteLeave(to, from, next){ if(to.name === '原列表页路由name'){ //原来的列表页 to.meta.keepAlive = true; }else{ //走其他列表页 to.meta.keepAlive = false; } next(); },