+
80
-

uniapp中scroll-view触底事件@scrolltolower无法触发怎么回事?

uniapp中scroll-view触底事件@scrolltolower无法触发怎么回事?

<scroll-view scroll-y="true" style="height:400px;" 
        @scrolltolower="reachend" >
        <view>
           234
        </view>
</scroll-view>


网友回复

+
0
-

父容器的高度要设置好。

+
0
-

如果在 Uniapp 中使用 scroll-view 组件时,@scrolltolower 事件没有起作用,可能是因为以下原因:

没有设置 scroll-view 的高度或者高度为 0,导致无法滚动。需要确保 scroll-view 的高度大于 0,可以使用 style 属性设置高度,或者使用 v-bind:style 绑定动态高度。 滚动条没有触底。@scrolltolower 事件只有在滚动条触底时才会触发,需要确保滚动条已经滚动到底部。可以在 scroll-view 上添加 enable-back-to-top 属性,允许滚动条回到顶部,然后再触底。 @scrolltolower 事件绑定的方法名拼写错误或者方法不存在。需要检查绑定的方法名是否正确,是否存在拼写错误,以及方法是否存在。 scroll-view 组件的 scroll-y 属性未设置为 true。如果 scroll-y 属性未设置为 true,@scrolltolower 事件将不会触发。需要确保 scroll-view 组件的 scroll-y 属性为 true。 如果以上方法都没有解决问题,可以尝试在 scroll-view 上添加 bindscrolltolower 属性,绑定一个自定义的触底事件处理函数,来检查事件是否能够正常触发。如果触底事件仍然没有触发,可能是其他问题导致的,需要进一步排查。
我知道答案,我要回答