vue做的项目每次打开新页面不会显示页面顶部的解决办法

在main.js 中添加代码:

1 router.afterEach((to,from, next) => {
2
3   window.scrollTo(0,0)
4
5 })

然后就会发现每次打开页面都是显示的是页面顶部内容,再也不会显示页面底部或者其他位置影响用户体验。

原文地址:https://www.cnblogs.com/zr123/p/11929133.html

时间: 2024-11-09 00:34:55

vue做的项目每次打开新页面不会显示页面顶部的解决办法的相关文章

Maven项目源文件夹下的文件夹显示包样式的解决办法

创建的maven项目,源文件夹下创建的文件夹默认显示是包的样式,如果需要改变,则右击项目--properties--Java Build Path

每次打开新标签页,都会提示“无法访问此网站”。并自动跳转到一个地址

使用该版本的chrome后,每次打开新标签页,都会提示"无法访问此网站".并自动跳转到一个地址"http://www.google.com.hk/url?sa=p&hl=zh-CN&pref=hkredirect&pval=yes&q=http://www.google.com.hk/_/chrome/newtab-"说明问题是因为此处访问google使用的地址是http协议.解决方式如下:输入:chrome://net-intern

解决 MAC 终端上每次打开新窗口手动执行source ~/.bash_profile导出环境变量

MAC OSX上,使用终端(我用的是iTerm2),在个人主目录(~/.bash_profile)中配置了环境变量,但是每次在终端打开一个新标签页或窗口,都要手动执行一下source ~/.bash_profile,很麻烦,解决方法就是: 编辑个人主目录下的.zshrc 这个文件 vim ~/.zshrc 在最后一行少添加一句:(按i进入编辑模式) source ~/.bash_profile 保存退出, :wq 这样每次打开新窗口或标签页就自动执行了source ~/.bash_profile

jsp页面中onsubmit="return checklogin();"报错解决办法

选择Window->Preferences->MyEclipse->Validation 去掉方框里的对号,然后Apply 然后点击Yes->然后再点击ok->Yes,就好了,如果你打开了那个出现错误jsp页面的话,请关掉重现打开就ok啦 jsp页面中onsubmit="return checklogin();"报错解决办法,布布扣,bubuko.com

安装iis打开网站提示Microsoft JET Database Engine 错误 '80004005'解决办法

今天在魅力网络公司办公室的一个电脑安装iis服务器软件,在win7系统上按的,放上了asp程序,但打开会有错误提示,打开htm静态的文件没问题,原因找了找发现是权限的问题. iis要求电脑磁盘格式是fat32的,而魅力网络公司这个电脑就系统盘C盘是NTFS的,所以就出现了不不开asp网站的问题,还提示连不上数据库等信息. 下面有魅力网络博客为大家奉上解决办法: 遇到次问题,首先大家看一下系统磁盘的格式,看是NTFS的还是FAT32的,如果是NTFS的一般就是权限的问题,因为iis读取数据库在系统

IIS 浏览aspx页面出现无法显示XML页的解决方法分享

这篇文章介绍了IIS 浏览aspx页面出现无法显示XML页的解决方法,有需要的朋友可以参考一下 使用IIS调试.aspx程序时IE提示以下错误: 无法显示 XML 页.         使用 样式表无法查看 XML 输入.请更正错误然后单击 刷新按钮,或以后重试.         处理资源 'http://localhost/ 时出错.第 1 行,位置: 2          <%@ Page Language="C#" AutoEventWireup="true&qu

DrawerLayout建立侧滑时,显示侧滑页面,底层页面仍可以有点击响应,解决办法。

第一感觉是下层仍有焦点,解决办法应该是侧方页面出现后,下层页面的焦点改为false,应该是动态去改变焦点的状态,但是不知道如何去实现. 然后再网上找到实现方法,感谢:http://blog.csdn.net/qiang_xi/article/details/49329679 DrawerLayout的setDrawerListener()监听方法,该方法回调四个方法. onDrawerSlide,在滑动抽屉时 onDrawerOpened,在抽屉打开后 onDrawerClosed,在抽屉关闭状

Android Studio在创建/导入项目的时候,一直处于building “XXX”gradle project info的解决办法

Android Studio在新建项目或者导入项目的时候,可能会一直处于building “XXX”gradle project info的状态,而且还取消不了,无奈之下只能干掉进程... 还有一种情况就是Gradle Project Compile Error,也是同样的问题,下面解释一下为何出现这些问题~~ 打开Android Studio项目下的gradle\wrapper\gradle-wrapper.properties这个文件,看看里面内容 #Wed Apr 10 15:27:10

eclipse或adt-bundle创建的android项目没有自动生成MainActivity.java和activity_main.xml等文件解决办法

以前我电脑一直以来都是用的eclipse3.7来开发android项目的,创建android项目也能正常生成MainActivity.java和activity_main.xml等文件.后来不知道什么原因,电脑几个盘上的文件很多打开都显示乱码.找了很多方法都无法解决,所以就把硬盘给格式化重装了系统. 重装系统后,重新配置了eclipse的android开发环境,但发现创建的android项目不能正常生成MainActivity.java和activity_main.xml等文件,网上找了很多方法