记在 keep-alive 下嵌套多级 router-view,在 include 属性的约束下,缓存失效

286 阅读1分钟

背景:项目由二级菜单重构为三级菜单,原keep-alive在多级router-view下失效

  1. 对二级以上路由数组深拷贝降级,路由用降级的router,菜单用多级原菜单
  2. 对面包屑进行处理,还原成多级面包屑

  1. 路由降级src\router\flatRoutes.js
  2. image.png
  3. 引入src\store\modules\permission.js
  4. image.png
  5. 面包屑处理src\components\Breadcrumb\index.vue
  6. image.png
  7. 处理router link query不刷新的页面

参考:在 keep-alive 下嵌套多级 router-view,在 include 属性的约束下,缓存失效 · Issue #2391 · PanJiaChen/vue-element-admin · GitHub