uniapp使用scroll-view嵌套时不触发滚动事件

参考链接:

布局代码:

<scroll-view scroll-y class="scroll-box" bindscrolltolower="scrollToBottom">
    <view>
        <view v-for="item in 30">{{ item }}: test scroller-view 滚动到底部事件</view>
    </view>
</scroll-view>
scrollToBottom(e) {
    console.log('e', e);
    console.log("scroller-view 滚动到底部事件");
}
.scroll-box {
    background-color: antiquewhite;
    width: 100%;
    height: 500px;
}

 刚开始按照微信文档设置了  bindscrolltolower="scrollToBottom"  方法但不触发,

增加了  lower-threshold='100'  也不触发。

后来发现微信文档和uniapp文档不一样。

 微信文档:

uniapp文档:

把绑定方法的属性从微信文档的写法改成uniapp的写法就可以了  @scrolltolower="scrollToBottom"  

 

posted @ 2025-03-10 11:25  sunshine233  阅读(450)  评论(0)    收藏  举报