vue路由跳转时进入新的页面,滚动条的位置停留在上个页面的位置,没有回到顶部

news/2024/7/9 23:37:10 标签: vue

使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动
在router下的index.js文件加上以下代码
下面展示一些 内联代码片

router.afterEach((to, from, next) => {
  document.querySelector("body").setAttribute("style", "overflow: auto !important;")
  window.scrollTo(0, 0)
});

http://www.niftyadmin.cn/n/1562791.html

相关文章

Python3与OpenCV3.3 图像处理(十九)--直线检测

这节课能容不多,基本上是遵循规律编写代码即可 import cv2 as cv import numpy as npdef line_detection(img):"""方法一"""gray=cv.cvtColor(img,cv.COLOR_RGB2GRAY)edges=cv.Canny(gray,50,150,apertureSize=3)lines=cv.HoughLines(edges,1,n…

Python3与OpenCV3.3 图像处理(二十)--圆检测

这节同样是代码,代码比较简单,基本上都能看懂 import cv2 as cv import numpy as npdef detect_circles(img):dstcv.pyrMeanShiftFiltering(img,10,100)cimgcv.cvtColor(dst,cv.COLOR_BGR2GRAY)circlescv.HoughCircles(cimg,cv.HOUGH_GRADIENT,1,20,para…

前端js实现中文转五笔和拼音首字母

前端项目中使用到中文转五笔的功能,在网上找了到该代码,但是没有对特殊字符和数字进行处理。五笔简码的字库来源:https://blog.csdn.net/Celebrity_Senior/article/details/52727926// 汉字拼音首字母列表 本列表包含了20902个汉字,用于配合 …

Python3与OpenCV3.3 图像处理(二十一)--轮廓发现

一、什么是轮廓发现 是基于图像边缘提取的基础,寻找对象轮廓的方法,所以边缘提取的阈值选定会影响最终轮廓的发现 二、轮廓发现API findContours 发现轮廓 drawContours绘制轮廓 三、示例代码 import cv2 as cv import numpy as npdef contours(img):dst=cv.GaussianBlur(img…

jquery获取前一个元素和后一个元素

jquery获取前一个元素和后一个元素 在jquery中获取前一个元素使用 prev(); 获取后一个元素使用 next();

Basic Example of JMX Technology--转载

原文地址:http://nick-lab.gs.washington.edu/java/jdk1.5b/guide/jmx/tutorial/connectors.html Basic Example of JMX Technology This chapter introduces the concepts of standard and dynamic management beans (MBeans) and also shows how to use Java Mana…

bootstrap table表格中绑定控件

// An highlighted block{title: 名称,field: expName,align: center,formatter: function (value, row, rowIndex) {var htmlList [];htmlList.push(<div style"margin-right: 0px;" class"drugInput"> <input type"text" value&quo…

AJAX跨域与JSONP的一点实践经验

2019独角兽企业重金招聘Python工程师标准>>> 前几个周&#xff0c;项目中遇到了AJAX跨域的问题&#xff0c;然后找资料解决了。 首先要说明一点&#xff0c;关于AJAX的跨域原理和实践&#xff0c;我的经验还是比较少的&#xff0c;我只是大致看了下网上的资料&#…