vue 路由缓存 keep-alive include和exclude无效

Posted 2020-12-15 lwjqaq

<keep-alive :include="keepAliveData">
      <router-view v-if="isShowRouter" />
</keep-alive>

当我们不想每次使用路由跳转时都从新加载页面的时候，就可以使用 keep-alive 去设置，添加之前默认缓存所有页面，如果需要指定自己想要的页面缓存或者不缓存

可以通过include和exclude属性去设置。如上代码，绑定keepAliveData数组内的组件加入缓存。但是如果你没有在组件里面设置name属性，是不会生效的。所以如果你的缓存没有生效，

有可能是这个原因。

添加name属性。