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

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

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

  如上代码,绑定keepAliveData数组内的组件加入缓存。但是如果你没有在组件里面设置name属性,是不会生效的。所以如果你的缓存没有生效,有可能是这个原因。

  添加name属性。

     

原文地址:https://www.cnblogs.com/lwjQAQ/p/12868302.html