微信小程序下拉刷新
1、全部页面设置下拉刷新 在app.json的window节点中,将enablePullDownRefresh设置为true 2、单页面设置下拉刷新 在单个页面的json文件中,将enablePullDownRefresh设置为true
backgroundColor:用来配置下拉刷新窗口的背景颜色,仅支持16进制的颜色值 backgroundTextStyle:用来配置下拉刷新loading的样式,仅支持dark和light两个颜色属性
"enablePullDownRefresh": true, "backgroundTextStyle": "dark", "backgroundColor": "#ffffff"
/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() { // console.log("刷新"); this.onShow() this.setData({ // 设置显示内容恢复初始值 }) // 结束下拉刷新的动作,恢复页面状态,不设置就会刷新非常久 setTimeout(() => { wx.stopPullDownRefresh() // 初始化数据写在onshow里面的,这里就不用再请求数据了 }, 1000) },