## 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 ``` <template> <view> <view v-for="(item, index) in newsList" class="newslist">{{item}}</view> </view> </template> <script> var _self; export default { data:{ newsList:[] }, onLoad:function(){ _self = this; }, onPullDownRefresh:function(){ this.getnewsList(); }, methods:{ getnewsList : function(){ uni.showNavigationBarLoading(); uni.request({ url: 'https://demo.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=list1&page=1', method: 'GET', success: function(res){ console.log(res); _self.newsList = res.data.split('--hcSplitor--'); uni.hideNavigationBarLoading(); uni.stopPullDownRefresh(); } }); } }, } </script> <style> .newslist{padding:10px; font-size:28px;} </style> ```