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

方式一:

在路由页面 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容