javascript - 点击按钮后如何将 ListView 向下滚动到底部(例如使用 scrollToIndex )？ NativeScript-Vue

Question

也许这看起来很容易，但我真的不知道如何解决。

我的 NativeScript-vue 应用程序中有一个 ListView 组件。在我点击按钮后，我需要 ListView 向下滚动到它的末尾。

我试过这个:

<ListView ref="listViewEl" for="item in items">
<TextView :text="item.value"></TextView>
</ListView>
...

tappingButton() {
    this.$refs.listViewEl.scrollIndexTo(lastIndexScroll);
}

但它不起作用，我收到一个错误:

this.$refs.listViewEl.scrollToIndex is not a function.

它也不适用于“scrollTo、smoothScrollToPosition、scrollToVerticalOffset 等”等其他方法。

我错过了什么？

提前谢谢你。

Answer 1

您缺少 .nativeView。为了从引用中访问实际的 ListView 元素，您必须调用 .nativeView 属性。

tappingButton() {
   this.$refs.listViewEl.nativeView.scrollToIndex(lastIndexScroll);
}

方法名也是scrollToIndex