微信小程序的页面事件

338 阅读1分钟

1. 下拉刷新事件

下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。

1.1 监听页面的下拉刷新事件

在页面的js文件中,通过onPullDownRefresh()函数监听当前页面的下拉刷新时间。

1.2 停止下拉刷新的效果

当下拉刷新时,下拉刷新的加载效果会一直显示,需要手动隐藏。调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新。

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        this.setData({
            count:0
        })
        wx.stopPullDownRefresh()
    },

2. 上拉触底事件

上拉触底是移动端的专有名词,指的是通过手指在屏幕上的上拉滑动操作,从而加载更多页面数据的行为。

2.1 监听页面的上拉触底事件

在页面的js文件中,通过onReachBottom()函数监听当前页面的上拉触底事件。 wx.showLoading() 展示loading效果 wx.hideLoading() 隐藏loading效果