在微信小程序中,如何实现下拉刷新(模拟刷新)
一、在app.json中启动刷新,
在Windows 中,
添加 "enablePullDownRefresh":"true"
二、在需要刷新的页面中写(若是单个页面),反之,可写入app.js中:
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTIyMjEyNC8yMDE3MTIvMTIyMjEyNC0yMDE3MTIyOTE3MzIzODgwNC01OTA2ODExMy5wbmc%3D.png?w=700&webp=1)
onPullDownRefresh: function () {
wx.showNavigationBarLoading() //在标题栏中显示加载
setTimeout(function () {
// complete
wx.hideNavigationBarLoading() //完成停止加载
wx.stopPullDownRefresh() //停止下拉刷新
}, 1500);
},
结语:此列是模拟下拉刷新页面。若需要实时下拉刷新数据,需获取动态数据。
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWcyMDIyLmNuYmxvZ3MuY29tL2Jsb2cvMzU2OTUvMjAyMjAxLzM1Njk1LTIwMjIwMTIwMTgzMDM4MDczLTE4MDg2MzE3Ny5qcGc%3D.jpg?w=700&webp=1)