vue和vue router同时使用keep-alive但不生效的一种情况
更新:HHH   时间:2023-1-7


所用版本:

vue:2.6.10

vue-router:3.0.6


问题描述:项目中使用vue,并且使用vue router做路由。在需要缓存时引入标签 keep-alive,此时组件仍然不会进行缓存。


分析解决:

    网上有很多其他的情况导致的缓存不生效,这里不再阐述。我遇到对是项目中存在多个<router-view>标签,并且其中存在嵌套。那么在外层的<router-view>上加<keep-alive>标签会导致组件初始化两次,第二次初始化并没有进行缓存。

所以将<keep-alive>移到内层的<router-view>上。


返回web开发教程...