为了账号安全,请及时绑定邮箱和手机立即绑定

vue-router的保留滚动距离无效?

vue-router的保留滚动距离无效?

慕容3067478 2019-03-14 15:15:58
问题背景:在A页面中有一个无线下拉列表,点击某一个列表项,跳转到新的B页面;在B返回到A的过程中,对A页面进行了keep-alive操作,也就是缓存了页面,A页面的数据都还在,没有产生新的http请求,但是滚动距离回到了顶部,不是之前浏览的位置。我的做法如下:1.在app.vue中根据条件保留了页面缓存。2.在vue-router设置中保留页面滚动高度。尝老版本的saveScrollPosition和2.0版本的scrollBehavior均无效。.]求解思路?tips:(在B页面返回到A页面的时候,我在A页面的updated钩子里面写了console.log('updated'));发现执行了updated生命周期。但是A页面的逻辑巨复杂,会是这个updated引起的吗
查看完整描述

4 回答

?
慕少森

TA贡献2019条经验 获得超9个赞

keep-alive是会缓存原来页面的状态的,2.0好像新增了include和exclude,看看是不是兼容性问题


查看完整回答
反对 回复 2019-04-08
  • 4 回答
  • 0 关注
  • 895 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信