JavaShuo
栏目
标签
三种方法实现Vue路由跳转时自动定位在页面顶部
时间 2020-05-20
标签
三种
方法
实现
vue
路由
自动
定位
页面
顶部
栏目
系统网络
繁體版
原文
原文链接
在作Vue项目的时候发现 当路由跳转时 页面是不会自动跳转到顶部的 而是停留在当前已滚动的距离javascript 实现方法其实很简单 共有三种方法可实现页面自动跳转到顶部 在路由的main.js(router.js)里添加以下代码便可:vue 方法一: // 跳转后自动返回页面顶部 router.afterEach(() => { window.scrollTo(0,0); }) 方法二
>>阅读原文<<
相关文章
1.
vue路由跳转页面
2.
页面跳转到顶部的方法
3.
AngularJS路由实现web页面跳转
4.
vue路由跳转时,总是跳转到下一个页面的底部
5.
PHP跳转页面的三种方法
6.
Vue实现页面跳转
7.
vue 实现页面跳转
8.
vue路由----404页面单独跳转
9.
三种方法实现页面滚动条直接滚动到顶部
10.
React 路由跳转后回到页面顶部
更多相关文章...
•
SVG 在 HTML 页面
-
SVG 教程
•
Spring实例化Bean的三种方法
-
Spring教程
•
SpringBoot中properties文件不能自动提示解决方法
•
使用阿里云OSS+CDN部署前端页面与加速静态资源
相关标签/搜索
自由自在
类-三种方法
实现方法2
跳页
顶部
04_SSM简单页面跳转
跳转
在各方面
方方面面
转自界面
系统网络
红包项目实战
SQLite教程
PHP教程
面试
算法
学习路线
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
python的安装和Hello,World编写
2.
重磅解读:K8s Cluster Autoscaler模块及对应华为云插件Deep Dive
3.
鸿蒙学习笔记2(永不断更)
4.
static关键字 和构造代码块
5.
JVM笔记
6.
无法启动 C/C++ 语言服务器。IntelliSense 功能将被禁用。错误: Missing binary at c:\Users\MSI-NB\.vscode\extensions\ms-vsc
7.
【Hive】Hive返回码状态含义
8.
Java树形结构递归(以时间换空间)和非递归(以空间换时间)
9.
数据预处理---缺失值
10.
都要2021年了,现代C++有什么值得我们学习的?
本站公众号
欢迎关注本站公众号,获取更多信息
相关文章
1.
vue路由跳转页面
2.
页面跳转到顶部的方法
3.
AngularJS路由实现web页面跳转
4.
vue路由跳转时,总是跳转到下一个页面的底部
5.
PHP跳转页面的三种方法
6.
Vue实现页面跳转
7.
vue 实现页面跳转
8.
vue路由----404页面单独跳转
9.
三种方法实现页面滚动条直接滚动到顶部
10.
React 路由跳转后回到页面顶部
>>更多相关文章<<