小程序模板下载与定制平台
客服QQ客服QQ 客服微信客服微信 公众号公众号

微信小程序想要实现下拉刷新怎么开发

框架---小程序配置---页面配置

属性 类型 默认值 说明

enablePullDownRefresh boolean false 是否开启当前页面下拉刷新

onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离(px)

如果是全局都需要下拉刷星,在app.json中配置:

{

"window":{

"enablePullDownRefresh":true

}

}

如果是指定页面(detail.wxml)需要下拉刷新,在detail.json中配置:

"enablePullDownRefresh":true

注意:在这里的配置会覆盖掉app.json中window中相同的配置项

此时,在detail.js中:

Page({

onPullDownRefresh(){

// 执行请求数据的方法

init();

}

})

此时,下拉松手后会隔一段时间才会复位,解决:

API---界面---下拉刷新

wx.stopPullDownRefresh()

示例代码:

Page({

onPullDownRefresh () {

wx.stopPullDownRefresh()

}

})

这样就可以了。

TAG标签:小程序下拉刷新

上一个:微信小程序实现点击拍照长按录像的开发教程
下一个:微信小程序样式选择器名称以及详细介绍

小程序模板

免责声明:本站资源均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。

咨询客服

QQ:1847629575

全年 09:00-23:00

(其他时间请留言)

在线客服

Copyright©2021 www.why114.com 瓦窑模板 版权所有 鲁ICP备20017802号

展开