【微信小程序】微信小程序下拉刷新功能

微信小程序下拉刷新功能

例如 index页面

1. 在index.json中设置

   • “enablePullDownRefresh”: “true”, // 是否开启当前页面下拉刷新。
   • “backgroundTextStyle”: “dark”, // 下拉 loading 的样式，仅支持 dark / light dark会有三个闪烁的小点点
   • 官方文档说明

2. 在index.js中

• onPullDownRefresh 监听用户下拉动作

/**
 * 下拉刷新
 */
onPullDownRefresh() {
    let thiz = this;
    setTimeout(function () {
        thiz.initData();
        wx.stopPullDownRefresh(); //停止当前页面下拉刷新
        wx.showToast({
            title: '刷新成功',
            icon: 'success',
            duration: 500
        })
    }, 1000)
},

注意点

• scroll-view设置高度之后 无法触发onPullDownRefresh