所用版本:
vue:2.6.10
vue-router:3.0.6
问题描述:项目中使用vue,并且使用vue router做路由。在需要缓存时引入标签 keep-alive,此时组件仍然不会进行缓存。
分析解决:
网上有很多其他的情况导致的缓存不生效,这里不再阐述。我遇到对是项目中存在多个<router-view>标签,并且其中存在嵌套。那么在外层的<router-view>上加<keep-alive>标签会导致组件初始化两次,第二次初始化并没有进行缓存。
所以将<keep-alive>移到内层的<router-view>上。