码迷,mamicode.com
首页 > 其他好文 > 详细

vue 路由缓存 keep-alive include和exclude无效

时间:2020-05-11 13:04:12      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:ima   col   mic   无效   img   路由   缓存   pre   图片   

<keep-alive :include="keepAliveData">
      <router-view v-if="isShowRouter" />
</keep-alive>

当我们不想每次使用路由跳转时都从新加载页面的时候,就可以使用 keep-alive 去设置,添加之前默认缓存所有页面,如果需要指定自己想要的页面缓存或者不缓存

可以通过include和exclude属性去设置。如上代码,绑定keepAliveData数组内的组件加入缓存。但是如果你没有在组件里面设置name属性,是不会生效的。所以如果你的缓存没有生效,

有可能是这个原因。

添加name属性。

技术图片

 

vue 路由缓存 keep-alive include和exclude无效

标签:ima   col   mic   无效   img   路由   缓存   pre   图片   

原文地址:https://www.cnblogs.com/lwjQAQ/p/12868302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!