实现思路：
（1）在跳转之前需要获取当前页面的scrollTop值：document.documentElement.scrollTop
（2）将所获取的scrollTop值保存起来。由于在跳转到详情的时候，列表页面会销毁，所以考虑将值保存在Vuex里面
（3）返回之后将值重新赋值给document.documentElement.scrollTop。注意需要在生命钩子函数updated里面赋值，否则会被覆盖
Vue+element项目 实现从详情页跳转到列表页固定位置（针对scrollTop）
2018-08-28
3467
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
实现思路：（1）在跳转之前需要获取当前页面的scrollTop值：document.documentElement.scrollTop（2）将所获取的scrollTop值保存起来。由于在跳转到详情的时候，列表页面会销毁，所以考虑将值保存在Vuex里面（3）返回之后将值重新赋值给document.documentElement.scrollTop。
目录
相关文章
|
3天前
|
JavaScript
容器
|
10天前
|
JavaScript
数据可视化
vue-cli学习二：vue-cli3版本 创建vue项目后，Runtime-Compiler和Runtime-only两个模式详解；vue项目管理器；配置文件的配置在哪，以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法，以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
23
3
3
|
2天前
|
缓存
JavaScript
前端开发
|
5天前
|
存储
JavaScript
前端开发
|
数据库
|
JavaScript
前端开发
Java
基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统
基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统
224
0
0
|
前端开发
Java
关系型数据库
前后端分离Springboot+Vue实现课程社区管理系统
本项目主要实现一个基于课程选课的社区交流系统，主要的业务背景为每个老师可以自己开设相应的选修课，并指定可以选修的人数，学生登陆系统后可以进行选课，并可以在线针对自己的选课进行在线讨论，点赞等互动行为。管理员则主要是对基本信息的相关管理，比如用户和角色、权限管理等，本系统有着完备的权限管理控制系统，可以根据需要自定角色并分配相应的权限。系统采用前后端分离开发的方式来实现。
177
0
0
|
JavaScript
|
JavaScript
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
使用vue-demi来开发一个vue2和vue3组件
3
OSS对象存储后端实现+Vue实现图片上传【基于若依管理系统开发】
4
docker nginx 部署 vue项目
5
vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js
6
浅尝Vue最新状态管理工具Pinia(实战使用Pinia管理登录状态)
7
VUE element-ui之table表格前端自动过滤（筛选），不调用数据接口筛选表格，方法
8
vue2 el-select 改造成下拉树，支持数据回显
9
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation
10
vue的slot-scope显示后端传来的数据