关于keep-alive缓存数据,build之后缓存失效问题

28 阅读1分钟

问题: 使用keep-alive的include属性进行缓存时,开发环境测试缓存完美执行,但是build之后,什么也缓存不住

<keep-alive :include="keepAliveList">
     <router-view> </router-view>
</keep-alive>

问题所在: 在开发环境,会直接把类名作为组件的name值,但是build时类名会被忽略掉

image.png

解决问题:我们需要手动给组件一个name,这样build之后也能找到组件的名字了

image.png