问题背景

用keep-alive组件进行缓存页面
(切换页面不进行刷新页面,保留之前的查询条件和状态)
出现的BUG:部分页面缓存失效,每次切换都会触发页面重载。

问题解决

官方文档
VUE
查阅官方文档可知
这里是根据组件的name进行匹配的,如果是3.2.34及以上的版本就无需给组件声明name。
所以到这里基本上就排查到的问题应该就是name出现了问题,导致缓存无效。

解决方法

  1. 删除name的声明(3.2.34及以上版本可用)
  2. 将name修改正确