uni-app 下拉刷新

  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>