最近做项目的时候略微研究了一下微信小程序的页面刷新机制.
微信小程序的刷新类似于Ajax的刷新,可以通过setData实现部分页面的刷新,并不需要onLoad页面.
当然,微信小程序并没有类似于网页或者Android的页面重载方法.
刷新页面只能通过setData或者使用官方提供的下拉刷新.
1.使用setData
this.setData({ shop_list: new_shop_list })2.使用下拉刷新
a.首先在index.json里设置
{ //开启下拉刷新 "enablePullDownRefresh": true, //设置页面颜色(设置颜色才可以看到下拉刷新的动画效果)"backgroundTextStyle": "dark"}
b.在index.js中的onPullDownRefresh 方法中写刷新的逻辑代码
/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () {//当逻辑执行完后关闭刷新 wx.stopPullDownRefresh() },
c.效果实现
