如何使用vuetify向下滚动到页面底部

Question

我想实现一个由几个卡片视图和一个后续按钮组成的应用程序。每次单击按钮时，页面应滚动到其底部。

我发现了一些通过本机javascript实现滚动的问答，但是我没有获得如何在Vuetify框架上实现滚动的问题。我查看了文档（https://vuetifyjs.com/en/directives/scrolling），并注意到滚动将通过$vuetify.goTo来实现。

但是我没有找到确切的方法来指定类似Vuetify样式的页面的底部。

是否有很好的想法来实现良好的Vuetify管理方式？

Answer 1

您可以有一个返回页面高度的计算属性：

computed: {
    pageHeight () {
      return document.body.scrollHeight
    }
}

然后使用vuetify滚动到底部，例如：

$vuetify.goTo(pageHeight)