vue 当切换到新路由时,让页面滚到顶部
一、scrollBehavior是什么?
当切换到新路由时,想要页面滚到顶部就可以使用vue-router中的滚动行为。
二、使用
在路由文件中加上scrollBehavior
代码如下(示例):
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/index',
component: () => import('../views/index')
}
],
//这里就是scrollBehavior:当路由切换时可以让页面滚到顶部
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}
})