vue A、B、C三个页面keepAlive、include页面缓存问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue A、B、C三个页面keepAlive、include页面缓存问题相关的知识,希望对你有一定的参考价值。

参考技术A 背景:
1、A列表页面 --- 跳转到 --- B填写页面 (B页面不要缓存)。
2、A列表页面 --- 跳转到 --- B填写页面(填写了内容) --- 跳转到(B页面需要缓存) --- C选择单位页面再回到B页面,要显示 B页面之前填写的内容。

用vue-router中的keepAlive设置为true是不可行的。

注:::::以上这种方式是不行的。

可行方案:
结合keep-alive的include属性和vuex进行缓存。

这种方式不依赖于vue-router中的keepAlive值,那怕设置为false,也可以通过上面的方式进行页面缓存。
这样就OK了!!!

以上是关于vue A、B、C三个页面keepAlive、include页面缓存问题的主要内容,如果未能解决你的问题,请参考以下文章

keepAlive动态缓存及清除缓存

vue 部分页面缓存,部分页面不缓存的问题

vue+vuerouter+vuex+keepalive动态缓存页面

解决vue keepAlive 二次进入页面显示首次缓存问题

vue页面缓存(keepAlive)

vue keepalive 路由守卫 生命周期等问题