小程序中的生命周期函数用于监听页面的生命周期事件,开发者可以在这些函数中编写相应的逻辑,以便在页面生命周期的不同阶段执行特定的操作。以下是小程序中全部的生命周期函数以及它们的说明和示例:
1、onLoad: 页面加载时触发,只会触发一次。
通常在这个生命周期函数中进行页面的初始化操作,如获取页面参数、请求数据等。
onLoad: function (options) {console.log('页面加载完成');// 获取页面参数console.log('页面参数:', options);// 请求初始化数据this.loadData();},loadData: function () {// 请求数据的方法}
2、onShow: 页面显示时触发。
当页面被展示到前台时会触发,可以在这个生命周期函数中处理一些页面显示相关的逻辑。
onShow: function () {console.log('页面显示');// 可以在这里执行一些页面显示相关的逻辑}
3、onReady: 页面初次渲染完成时触发,表示页面已经准备就绪。通常在这个生命周期函数中可以进行页面渲染完成后的一些操作,如动态修改页面标题等。
onReady: function () {console.log('页面初次渲染完成');// 可以在这里执行一些页面渲染完成后的操作}
4、onHide: 页面隐藏时触发。
当页面被切换到后台时会触发,可以在这个生命周期函数中处理一些页面隐藏相关的逻辑。
onHide: function () {console.log('页面隐藏');// 可以在这里执行一些页面隐藏相关的逻辑}
5、onUnload: 页面卸载时触发。
当页面被销毁时会触发,通常在这个生命周期函数中进行一些页面销毁前的清理工作,如清除定时器、取消事件监听等。
onUnload: function () {console.log('页面卸载');// 可以在这里执行一些页面卸载前的清理工作}
6、onPullDownRefresh: 监听用户下拉刷新事件。
当用户下拉页面顶部时会触发,通常在这个生命周期函数中处理下拉刷新的逻辑
onPullDownRefresh: function () {console.log('下拉刷新');// 可以在这里执行下拉刷新的操作// 操作完成后记得调用 wx.stopPullDownRefresh() 方法停止下拉刷新动画wx.stopPullDownRefresh();}
7、onReachBottom: 监听页面触底事件。
当页面滚动到底部时会触发,通常在这个生命周期函数中处理加载更多数据的逻辑。
onReachBottom: function () {console.log('触底加载更多');// 可以在这里执行加载更多数据的操作}