Vue。js滚动至同一路线的页面顶部

你不能通过 vue-router ,但您可以在每个 router-link .

只需创建如下方法:

methods: { 
  scrollToTop() {
    window.scrollTo(0,0);
  }
}

将其添加到链接:

<router-link @click.native="$scrollToTop">

如果你想在页脚之外使用它,最好将其添加到 Vue原型

Vue.prototype.$scrollToTop = () => window.scrollTo(0,0)

这不是100%的解决方案,但它是最简单的

我无法让上述任何解决方案发挥作用,这真的令人沮丧。

最终对我有用的是以下内容:

    const router = new Router({
        mode: 'history',
        routes: [...],
        scrollBehavior() {
            document.getElementById('app').scrollIntoView({ behavior: 'smooth' });
        }
    })

我将VueJs应用安装到 #app 所以我可以肯定它是存在的,并且可以供选择。

你可以利用 behavior: smooth :

    moveTo () {
      let to = this.moveToDown
        ? this.$refs.description.offsetTop - 60
        : 0

      window.scroll({
        top: to,
        left: 0,
        behavior: 'smooth'
      })

      this.moveToDown = !this.moveToDown
    }

我找到的最佳解决方案是: https://router.vuejs.org/guide/advanced/scroll-behavior.html

明确地:

    const router = new VueRouter({
      routes: [...],
      scrollBehavior (to, from, savedPosition) {
        return { x: 0, y: 0 }
      }
    })