说明

官网介绍：

https://uniapp.dcloud.net.cn/api/ui/pulldown.html#onpulldownrefresh

步骤一：启用下拉刷新

修改 pages.json ，在需要下拉刷新的页面上，加上下面配置：

"enablePullDownRefresh":true,

如下：

步骤二：代码触发下拉

触发下拉有两种方式：

• 用户手动向下滑动
• 通过代码触发下拉

在 onLoad 函数中，通过 代码触发下拉事件，也就是说 打开当前页面时，就会 显示下拉动画：

onLoad: function () {
    uni.startPullDownRefresh(); // 此代码与用户手动下拉刷新一致
},

注意：代码触发下拉 失效

uni.startPullDownRefresh(); 代码在 onLoad 中，一般不需要额外处理，但在其他方法中，可能不好使

经过验证，可通过 setTimeout() 延迟一会执行就能生效，如下：

setTimeout( () => {
    uni.startPullDownRefresh()
},100)

步骤三：响应下拉事件

在 methods 配置的同级，加上下面配置，响应下拉事件：

onPullDownRefresh() {
    this.getNotes() // 发送ajax请求
},

getNotes() 方法

在 methods 中，增加下面代码，发送ajax请求：

getNotes(){
    getNotes().then( res => {
        // console.log("sucess:",res)
        this.list = res.data
        uni.stopPullDownRefresh(); // 停止下拉动画
    })

},