第24讲 : uni-app 下拉刷新

最后更新于:2022-04-02 07:28:37

## onPullDownRefresh 在 js 中定义 onPullDownRefresh 处理函数(和onLoad等生命周期函数同级),监听该页面用户下拉刷新事件。 需要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中开启 enablePullDownRefresh 当处理完数据刷新后,uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。 ### uni.startPullDownRefresh(OBJECT) 开始下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。 ``` 参数名 类型 必填 说明 success Function 否 接口调用成功的回调 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行) ``` ### uni.stopPullDownRefresh() 停止当前页面下拉刷新。 ### 完整演示 page.json 开启下拉刷新 ``` { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "hi uni", "enablePullDownRefresh": true } }, ....... ``` ### index.vue ``` ```
';