美文网首页
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