美文网首页VUE
解决点击路由跳转回到相对应页面头部

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

作者: 一只菜鸟正在脱毛 | 来源:发表于2020-05-29 16:47 被阅读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

    相关文章

      网友评论

        本文标题:解决点击路由跳转回到相对应页面头部

        本文链接:https://www.haomeiwen.com/subject/rscfzhtx.html