点击按钮后如何将 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, etc."

等其他方法

我错过了什么？

提前谢谢你。

Answer 1

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

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

方法名也是scrollToIndex