Keep-alive 结合router-view时的问题

weixin_38107492 2019-04-28 11:53:16

使用keep-alive 结合router-view 实现页面缓存时，给router-view 添加key,在keep-alive使用include。include内容为key数组，想通过这种方式实现同个页面多份缓存的功能，但是include功能不能生效，到底是什么原因呢？

1556446644785.jpg988×214 39.4 KB

1556446652706.jpg1364×92 24.1 KB

1556446660930.jpg720×154 21.2 KB

...全文

15 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

这出现的原因是多级路由导致的，就是router-view嵌套在层级不同的router-view中切换tag会出现缓存数据失效的问题。目前keep-alive可以有效缓存一级，二级的路由菜单，3级以上菜单并不能做到缓存，这里提供一个解决...

1.keep-alive的作用以及好处在做电商有关的项目中，当我们第一次进入列表页需要请求一下数据，当我从列表页... <router v-if=$route.meta.keep_alive></router> </keep> <router-view v-if=!$route.meta.keep_ali

在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时 <keep> 便可以派上用场了。 <keep> 可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中...

vue页面tab切换，替换原来的iframe实现，利用vue的router-view和keep-alive实现

当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的组件信息，使其不再重新加载。一、在app.vue里 <keep> ...

其他技术讨论专区

433

社区成员

791,270

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章