Vue路由跳转到新页面时默认在页面最底部而不是最顶部的解决_JavaScript

Vue路由跳转到新页面时默认在页面最底部而不是最顶部的解决

今天碰到一个问题 vue路由跳转到新的页面时会直接显示页面最底部正常情况下是显示的最顶部的而且好多路由中不是全部都是这种情况折腾好长时间也没解决最后在网上找到了解决办法

其实原理很简单就是在页面加载完毕后把滚动条的距离设置为（0，0）就解决了

mounted () 
    this.$router.aftereach((to, from, next) => {
        window.scrollto(0, 0)
    })
}

很不理解的就是为什么会出现这种情况呢？

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

本文实例为大家分享了javascript实现世界各地时间显示的具体代码，供大家参考，具体内容如下代码如下：<!doctype html><ht... [阅读全文]

本文实例为大家分享了javascript实现多球运动的具体代码，供大家参考，具体内容如下代码如下：<!doctype html><html l... [阅读全文]

最近在写一个小程序，因为小程序官网上必须要使用https，之前网站都是使用的http，而且使用的阿里云服务，于是就在阿里云上购买的... [阅读全文]

1.查看已有模块/usr/local/nginx/sbin/nginx -v此处我是安装了配置ssl 想在此加上fastdfs模块将红色的地方复制出来记到一个小... [阅读全文]

一、http与https的区别http：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（tcp），用于从www服务器传输超文本到本... [阅读全文]

通常前端页面发送ajax请求，我们只需要返回json格式数据就行1.在pom.xml加入依赖<properties> <jackson.ve... [阅读全文]

本文实例为大家分享了js实现搜索提示框效果的具体代码，供大家参考，具体内容如下首先写静态页面<div class="container"> <... [阅读全文]

本文实例为大家分享了js实现炫酷光感效果的具体代码，供大家参考，具体内容如下首先写一个大盒子<div class="main"></div&g... [阅读全文]

js+css带你实现炫酷光感效果，供大家参考，具体内容如下效果一：（螺旋式沉浸视觉感受）效果二：（旋涡式远观视觉感受）实现代码：<!doctype htm... [阅读全文]

本文实例为大家分享了js实现简单无缝轮播效果的具体代码，供大家参考，具体内容如下*{ margin: 0; padding: 0;}#box{ width: 5... [阅读全文]


验证码：

验证码：

Vue路由跳转到新页面时默认在页面最底部而不是最顶部的解决