路线更改为下一个组件时，请勿自动滚动到顶部

Question

在我的Vue / Vuetify单页应用程序中，当我向下滚动页面并单击页面底部的链接时，它确实会更改路径并将我带到下一页但它不会滚动到顶部下一页/组件。

因此，如果第一页很长而第二页内容很少，则会给第二页缺少内容的印象。由于只有当用户滚动到页面顶部时内容才可见。

第01页 - 我正处于长名单中间，只是一个例子

第02页 - 下一个组件在中间加载

Answer 1

您可以使用vue-router的created () { window.scrollTo(0, 0) }方法更改页面导航上的滚动位置。而不是new VueRouter ({ routes: [...], scrollBehavior () { return { x: 0, y: 0 } } }) 你应该使用：

value="2"

查看有关vue-router文档的更多示例：
https://router.vuejs.org/guide/advanced/scroll-behavior.html