码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app滚动视图容器(scroll-view)之监听上拉事件

时间:2021-07-21 17:41:36      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!