视频直播系统源码，uniapp滚动加载 下拉刷新

视频直播系统源码，uniapp滚动加载 下拉刷新

滚动加载

滚动加载指的是当用户滑动页面到底部时，自动加载更多数据。在uniapp中，我们可以通过监onReachBottom来实现滚动加载。

 

onReachBottom 页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。

onReachBottom使用注意 可在pages.json里定义具体页面底部的触发距离onReachBottomDistance，比如设为50，那么滚动页面到距离底部50px时，就会触发onReachBottom事件。

 

具体实现步骤如下：

声明submitDate对象用来存放接口需要的具体参数，其中page和limit为查询页数和每页查询数据，total为记录数据总条数,pageList存放页面数据。

 

1	data() {<br>return {<br>    pageList:[],//列表数据<br>submitDate: {<br>//放你自己的参数<br>startDate: '',<br>endDate: '',<br>page: 1,//页数<br>limit: 20//每页条数<br>},<br>total: 0,//数据总条数<br>}<br>},<br>

​

封装数据请求函数

每发起一次请求 把获取的数据push到pageList里。

 

1

<br>getdata(){<br> uni.request({<br>    url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。<br>    data:this.submitDate,<br>    header: {<br>        'custom-header': 'hello' //自定义请求头信息<br>    },<br>    success: (res) => { <br>       this.pageList.push(res.data.list); //具体根据你接口返回数据修改<br>       this.total = res.total;//数据总条数<br>    }<br> });<br>}

 

 以上就是 视频直播系统源码，uniapp滚动加载 下拉刷新，更多内容欢迎关注之后的文章