微信小程序开发过程中必要遇到的两个内容,就是生命周期函数与页面相关事件处理函数,而者两个内容本身包含的细节要点与参数内容,也是开发者需要去逐个了解的,下面我们就总结一下,关于小程序生命周期函数与页面事件函数的说明内容。
1、生命周期函数
(1)onLoad:页面加载
一个页面只会调用一次,可在onLoad中获取打开当前页面所调用的query参数。
(2)onShow:页面显示
每次打开页面都会调用一次。
(3)onReady:页面初次渲染完成
一个页面只会调用一次,表示该页面已经准备妥当,可以和视图层进行交互。对界面的设置,如wx.setNavigationBarTitle,要在onReady之后设置。
(4)onHide:页面隐藏
当navigateTo或底部tab切换时调用。
(5)onUnload:页面卸载
当redirectTo或navigateBack的时候调用。
(6)onLoad参数
类型 说明
Object 其他页面打开当前页面所调用的 query 参数
2、页面相关事件处理函数
(1)onPullDownRefresh:下拉刷新
监听用户下拉刷新事件。需要在config的window选项中开启enablePullDownRefresh。当处理完数据并刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
(2)onReachBottom:上拉触底
监听用户下拉触底事件。
(3)onPageScroll:页面滚动
监听用户滑动页面事件。
(4)参数为 Object,包含以下字段:
字段 类型 说明
scrollTop Number 页面在垂直方向已滚动的距离(单位px)
(5)onShareAppMessage::用户转发
只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮,用户点击“转发”按钮的时候会调用,此事件需要 return 一个Object,用于自定义转发内容。
(6)自定义转发字段
字段 说明 默认值
title 转发标题 当前小程序名称
path 转发路径 当前页面 path ,必须是以 / 开头的完整路径