VUE

解决点击路由跳转回到相对应页面头部

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
上一篇下一篇

猜你喜欢

热点阅读