项目是一个H5页面,嵌套在小程序之中
A 页面为一个滚动底部加载的列表
B 页面为一个详情页
A页面点击某一项目时,通过 location.href = '/b' 跳转至 B 页面
(因为小程序使用转发功能时,只能用 location.href 跳转, 才能获取到分享内容)
到现在没有什么问题。
下面有一个需求是,B 页面点击返回按钮,返回至 A 页面之前浏览的位置。那么就遇到问题了,B 页面使用 router.back(-1),跳转至 A 页面是重新进行请求, keep-alive 也没用。请问这种情况怎么能读取 A 页面的缓存。
思路是在跳转详情页面之前先前端存储 A页面 的页数以及滚动高度这些信息,等从详情页返回的时候使用js的方式滚动到原先浏览的位置。
提供一个帮助链接:详情页回退列表页如何记录用户浏览位置并更新局部视图