https://developers.weixin.qq.com/miniprogram/dev/api/pulldown.html#onpulldownrefresh 小程序APIhtml
微信小程序之下拉加载和上拉刷新
微信小程序下拉加载和上拉刷新两种实现方法
方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新git
首先要在json文件里设置window属性github
属性 | 类型 | 描述 |
---|---|---|
enablePullDownRefresh | Boolean | 是否开启下拉刷新,详见页面相关事件处理函数。 |
设置js里onPullDownRefresh和onReachBottom方法json
属性 | 类型 | 描述 |
---|---|---|
onPullDownRefresh | function | 页面相关事件处理函数——监听用户下拉动做 |
onReachBottom | function | 页面上拉触发底事件的处理函数 |
// 全局开启下拉刷新在最外层的main.js下 window: { enablePullDownRefresh: true, } // 局部开启下拉刷新,就在文件下的main.js export default { config: { "enablePullDownRefresh": true, } } // 下拉刷新方法,与methods方法同级 async onPullDownRefresh() { // to doing.. // 中止下拉刷新 wx.stopPullDownRefresh(); }, // 上拉加载,拉到底部触发 onReachBottom() { // 到这底部在这里须要作什么事情 this.loadMore(); },
个人GitHub博客,不少内容能够看,喜欢的给星星哦 https://github.com/liangfengbo/frontend小程序