首页 > 其他 > 详细

vue关于keep-alive的小坑

时间:2019-03-18 20:10:43      阅读:157      评论:0      收藏:0      [点我收藏+]

在移动端里 少不了底部导航 在做底部导航的时候点击都会重复请求 我就使用了keep-alive来缓存 每次点击的时候走缓存

这里还有个用途就是当有列表的时候点进详情在返回可以保存之前的滚动记录 不会刷新页面 用法很简单

技术分享图片

技术分享图片

 

在路由文件里将要缓存的页面使用keepAlive:true这样每次都会走缓存

 

这里有个问题  注意!!

在缓存的页面如果有上拉到底部刷新这种 设置了缓存 在其他页面拉到一定距离的时候不知道什么鬼缓存的那个页面也会触发 

这里我用了一个土办法来避免他滚动 给每个页面监听一遍路由

技术分享图片

这样就不会了          记录下 哈哈哈!

vue关于keep-alive的小坑

原文:https://www.cnblogs.com/xiechuanghong/p/10554175.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!