微信小程序页面刷新,下拉刷新

曾经终败给现在 2022-05-25 02:47 347阅读 0赞

最近做项目的时候略微研究了一下微信小程序的页面刷新机制.

微信小程序的刷新类似于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 () { 

  1. //当逻辑执行完后关闭刷新    
  3. wx.stopPullDownRefresh()

},

c.效果实现

70

发表评论

表情：
评论列表 （有 0 条评论，347人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序上拉刷新页面数据

    在微信小程序当中当在上拉的时候要显示下一页的数据的时候就需要用到上拉刷新事件。 首先要获取数据总条数以及一页有多少条数据，再使用Math的向上取整计算得出一共有多少页。以下

    悠悠悠悠/ 0 赞/ 67 阅读