標簽：alt   引用   code   block   load   splay   auto   lock   console   

實現

現在要實現一個功能。一個列表,上加載更多數據。頁面如下。

 因此，可滾動視圖區域。滾動區域頁面展示思路如下:

<scroll-view scroll-y="true" @scrolltolower="scroll"  style="height: 100vh;">
    <!-- uni-list列表 -->
    <!-- uni-load-more 滾動條 -->
    <!-- 注：需要設置滾動條高度 -->
</scroll-view>

其中，scroll為上拉事件的方法，請根據實際情況引用。

methods: {
    scroll() {
        console.log("加載列表的方法")
    }
}

參考網址

• https://uniapp.dcloud.io/component/scroll-view
• https://blog.csdn.net/weixin_45805132/article/details/110927978

uni-app滾動視圖容器（scroll-view）之監聽上拉事件

標簽：alt   引用   code   block   load   splay   auto   lock   console   

原文地址：https://www.cnblogs.com/luyj00436/p/15038958.html