vue的路由缓存问题

Question

我有ABC3个页面
AB同级,C是B的子页面组件
我现在的问题是:当我的项目启用了缓存,
C页面跳转A页面时,系统会再缓存一个C页面(正常C只会缓存一个的)
我通过Devtools工具确认了C有两个未激活的缓存.
问题出在:key="$route.path"这里,有什么替换解决办法吗?
C是我的一个路由共享组件,我希望C的内容能缓存.

<template>
  <div id="packColumn">
    <swiper :imagesList="imagesList" :paginOff="false" :buttonOff="false" :height="isPC ? '400px' : '4rem'"/>
    <div class="flex-ac typeArea">
      <div class="appMin">
        <keep-alive exclude="infoDetails">
          <router-view :key="$route.path"/>
        </keep-alive>
      </div>
    </div>
  </div>
</template>

Answer 1

等待大神解答