美文网首页
vue跳转页面后scrollTop问题

vue跳转页面后scrollTop问题

作者: coolSummer003 | 来源:发表于2019-08-02 09:40 被阅读0次

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);
 
Vue.use(Router)
 
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: resolve => require(['../components/HelloWorld.vue'],resolve)
    }
  ],
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  }
})

scrollBehavior 方法接收 to 和 from 路由对象。第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用。

相关文章

网友评论

      本文标题:vue跳转页面后scrollTop问题

      本文链接:https://www.haomeiwen.com/subject/rtekdctx.html