父子视图如何共用同一个keep-alive的缓存列表啊

Question

这是标签页 系统参数是父视图里的 保险公司是子路由 加载是在父视图里添加一个子视图 互相切换的子视图的数据会重新加载 没有共用在同一个keep-alive里

路由的name都存在cachedViews里 但是页面互相切换的时候 数据会重新加载 有什么办法可以解决吗 不改变路由层级的情况下

Answer 1

Jokcy 2019-01-04 09:23:57

你可以对子视图也加上keep-alive啊

• 提问者 慕桂英9740472 #1

  我现在是加上的，这样的话 父视图和子视图的内容切换的话，会把子视图的缓存先清除掉 导致子视图就刷新了

• Jokcy 回复 提问者 慕桂英9740472 #2

  有代码用例么

• 提问者 慕桂英9740472 回复 Jokcy #3

  const arr = [{
      path:'path1',
      component: Layout,
      children:[{
          path:'child',
          component: () =>
              import ("@/views/login/companyLogin.vue"),
      },{
          path:'path2',
          children:[{
              path:'child2',
              component: () =>
                  import ("@/views/login/companyLogin.vue"),
          }]
      }]
  }]
  
  <keep-alive :include="cachedViews">
  <router-view>
  <keep-alive :include="cachedViews">
  <router-view>
  </router-view>
  </keep-alive>
  </router-view>
  </keep-alive>

点开查看后面5条评论