## 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> ```