vue2路由之指定滑动位置scrollBehavior

移动端开发当出现列表页是，下拉刷新到底部，然后点击某条数据进入到详情页，然后点击返回，回到上次列表页滑动的位置，这就要求我们页表页需要做相应的页面缓存处理，包括当前滑动到的位置。

image.png

参考资料：https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8
参考文章：https://blog.csdn.net/zjl516088421/article/details/77937440

但是以上这种做法并不满足作者需求，因为项目要求：

• 页面1进入到页面2的时候正常刷新不缓存
• 页面2进入到页面3，在从页面3返回到页面2的时候，页面不刷新，并且保留上次点击的位置
  所以上面的方法如果在router.js中添加keepAlive：true，会造成页面2一直不刷新，与需求不符合。
  因为之前做页面缓存时直接在设置了动态缓存，现在做的只需要把位置定位好就可以，所以省去keepAlive：true，即可实现定位。

问题：

image.png

当我从页面3进入到页面4，再逐级返回时，到达页面2的时候页面并无刷新，但是无法定位到上次滑动的位置，目前为止没有找到原因，有过类似经验的小伙伴欢迎私信或者留言，谢谢