vue 项目返回上一页，滚动到离开时的位置，网上能找到不少方法，以下尝试一种。 例如，首页有个列表，点击列表进入二级页面，返回的时候保持在原位置。首先在首页的视图外套上 keep-alive , include 表示只针对 name = 'Home' 的组件进行缓存 然后，在首页 ...

vue 中注册滚动事件与dom 并无不同 以下配合keep-alive 组件使用 在 mounted 注册滚动事件 this.handleScroll 获取scrollTop mounted(){ window.addEventListener('scroll ...

参考：https://blog.csdn.net/qq_40204835/article/details/79853685 方法一： 利用Keep-Alive和监听器 1.首先在路由中引入需要的模块 2.在App.vue中设置缓存组件 3.在页面注册对应的事件 ...

需求分析： 一般这个功能在后台管理系统用的比较多，因为后台页面都是在当前页面打开，对于某些列表筛选页，如果列表数据比较多，页面就会滚动。当页面发生滚动，对列表数据进行查看或者编辑的时候，跳转到下一级页面，然后点击浏览器返回按钮的时候，我们是希望能保持之前的滚动位置的。 缓存？解决这个问题 ...

方法一：使用vue-router 的，scrollBehavior 项目使用的是 history模式， hash模式（不知道是否可行） 1 在router路由中开启 scrollBehavior 2 在app.vue中开启 ...

第一步:路由文件的配置(对你所需要的vue文件进行保存缓存标志的添加) 第二步:router-view的设置 第三步:在你需要保存位置的vue文件里面进行操作 ...

需求：点击首页列表进入二级页面，返回的时候保持在原位置。keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 1:App.vue 2：router / index.js 3:home.vue3.1:定义初始滚动高度 ...

本文参考自： https://www.jianshu.com/p/2d6ab322a9cb 先使用 <keep-alive> 缓存组件 App.vue 文件添加缓存 路由文件里面添加A，B，C组件 main.js 文件定义一个全局变量，用来 ...