vue2 切换路由时 页面滚动到顶部 用游览器返回时 记住上页的位置

官方用例:https://router.vuejs.org/zh-cn/advanced/scroll-behavior.html

  

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index.vue'

Vue.use(Router)

const router = new Router({
  mode: 'history',//这种方法只能在history模式下使用
  routes: [
    {
      path: '/',
      name: 'index',
      component: index
    }
  ],
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition  //游览器返回记住位置
    } else {
      return { x: 0, y: 0 } //滚动到顶
    }
  }
})
export default router

 

posted @ 2017-08-17 14:36  Cynthia娆墨旧染  阅读(1077)  评论(0编辑  收藏  举报