<keep-alive>

  包含的部分会被缓存

</keep-alive>

 

问题:同一个组件,传递不同数据时分别缓存。如:

 

 

同一个流程图组件,根据菜单不同传递不同参数右边显示内容不同,完成菜单两项的组件缓存

 

方法:

 

根据菜单传递的内容,手动为组件设置key,每个菜单项对应唯一确定的 key 值

 

原理:keep-alive 组件通过 key 值判断前后两个切换的组件是否为同一个组件,使用 key 缓存页面内容;因此,当手动指定 key 值不同,会被当成两个组件进行缓存,缓存的数据也能通过 key 值取回

 

posted on 2022-05-20 17:40  occc  阅读(205)  评论(0编辑  收藏  举报