解决点击路由跳转回到相对应页面头部
2020-05-29 本文已影响0人
一只菜鸟正在脱毛
方式一:
在路由页面 index.js中,加入以下代码,可以解决当点击跳转页面,滚动到对应页面的头部,不记录点击页面的位置
const router = new VueRouter({
mode: 'history',//这可以去掉
base: process.env.BASE_URL,
routes,
//解决拖动时多个页面互相影响的问题,当切换到新路由时,想要页面滚到顶部
scrollBehavior(to, from, savedPosition) {
if (savedPosition) {
return savedPosition
}
return {
x: 0,
y: 0
}
}
})
export default router
image.png