最近做项目的时候略微研究了一下微信小程序的页面刷新机制.
微信小程序的刷新类似于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.效果实现
