1.下面介绍一下可以实现的方法：

在理由配置文件中，添加以下代码即可

import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
Vue.use(VueRouter);let router = new VueRouter({routes
});//要添加的代码
router.beforeEach((to, from, next) => {// chromedocument.body.scrollTop = 0// firefoxdocument.documentElement.scrollTop = 0// safariwindow.pageYOffset = 0next()
})export default router;

或在main.js中添加如下代码：

router.beforeEach((to, from, next) => {    // chromedocument.body.scrollTop = 0// firefoxdocument.documentElement.scrollTop = 0// safariwindow.pageYOffset = 0next()
})

2. 或

 router.afterEach((to,from,next) => {window.scrollTo(0,0);})

vue路由跳转定位到页面顶部相关推荐

vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
VUE路由跳转并刷新页面（框架层实现）
前言网上找了很多办法,都需要开发者在页面内单独实现,或者是刷新整个浏览器,感觉并不是特别舒服.因此,我考虑可以在框架层去实现路由跳转刷新. 思路如下: 1.重定向至临时界面(用户无感知) 2.打开临 ...
解决 vue路由跳转到新页面底部而不是顶部和后退到首页就不让他继续后退了
mounted () {this.$router.afterEach((to, from, next) => {window.scrollTo(0, 0); //跳到别的页面会自动滚动底部 }) ...
react路由跳转之后回到页面顶部
开发一个官网时候发现一个问题,顶部导航栏跳转路由的时候,如果这时候我将页面滚动到底部,那跳转过去的路由页面也会再底部,这样的效果显然是不正确的,所以需要重置一个页面滚动条的位置,如下: documen ...
Vue 路由跳转至外界页面
用法如果使用路由是在 vue 页面中来回跳转,可以使用 this.$router.push() 实现,但是如果想用这种方法跳转到外部链接就会报错,因为外部页面中是存在 HTTP 等前缀的. 解决办法 ...
vue路由跳转页面滚动到顶部
如果想在vue路由跳转后滚动到指定的位置,只需要调用内置方法(scrollBehavior)官网地址链接: https://router.vuejs.org/zh/guide/advanced/scr ...
vue 路由跳转并打开新页面
let id ='123'; const {href} = this.$router.resolve( { path: '/home/test',query: {id: id}} ) window.o ...
VUE路由跳转后自动刷新一次页面
VUE路由跳转后自动刷新一次页面我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下.可是又不能每次都手动刷新.在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和 ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...

vue路由跳转定位到页面顶部

1.下面介绍一下可以实现的方法：

2. 或

vue路由跳转定位到页面顶部相关推荐

最新文章

热门文章

vue路由跳转 定位到页面顶部

1.下面介绍一下可以实现的方法：

2. 或

vue路由跳转 定位到页面顶部相关推荐

最新文章

热门文章

vue路由跳转定位到页面顶部

vue路由跳转定位到页面顶部相关推荐