Vue中使用keep alive做缓存,组件中含多个iframe每次加载如何做到缓存问题

问题场景:

1.一个公共组件包含多个iframe嵌套页面,希望是每次激活的iframe页面能做到缓存内容;

2.这个公共组件注册共享一个路由;

原先解决思路:使用keep-alive标签做缓存,结果公共组件是缓存了,但每次切换加载iframe页面都被刷新了。

最后借鉴了这位仁兄的解决思路(https://blog.csdn.net/saowen163/article/details/106318374?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-3-106318374.nonecase&utm_term=%E5%B8%A6%E6%9C%89iframe%E7%9A%84%E7%BB%84%E4%BB%B6%20%E6%80%8E%E4%B9%88%E5%81%9A%E7%BC%93%E5%AD%98%E5%95%8A),最终得以解决。

思路是:嵌套iframe的组件单独使用v-show控制显隐,条件还是路由path,其他正常的页面还是使用keep-alive标签包着!!

你可能感兴趣的:(javaScript,其他,javascript)