4.2.4 页面生命周期
从加载页面、运行页面到卸载页面,称为页面的生命周期。在这个过程中,页面给制作者提供事件,用于实现交互。
1、生命周期事件
页面共有6个生命周期事件,分别是页面加载、页面显示、初次渲染完成、页面加载完成、页面隐藏和页面卸载事件。
l 第一次显示页面触发页面加载、页面显示和初次渲染完成事件
l 页面中的组件全部初始化完成后,触发页面加载完成事件,即在该事件中可以获得数据集组件中的数据
l 页面被隐藏时触发页面隐藏事件
l 页面隐藏后再显示触发页面显示事件
l 页面被关闭时触发页面卸载事件
l 页面关闭后再重新显示,如同第一次显示页面
在哪个时刻,会产生显示页面、关闭页面和隐藏页面这3个动作,以及相应会触发哪些事件,情况汇总见表4-3.
表4-3 页面操作及触发事件
动作 |
发生时 |
触发事件 |
显示页面 |
打开子页面时显示子页面 保留当前页跳转时显示跳转页 关闭当前页跳转时显示跳转页 |
页面加载事件 页面显示事件 初始渲染完成事件 页面加载完成事件 |
关闭页面 |
返回时当前页被关闭 关闭当前页时当前页被关闭 关闭当前页跳转时当前页被关闭 |
页面卸载事件 |
隐藏页面 |
打开子页面时父页面被隐藏 保留当前页跳转时当前页被隐藏 |
页面隐藏事件 |
2、页面操作处理事件
用户在页面中执行下拉、上拉触底和转发等操作时,页面提供处理事件,响应用户的操作,事件说明见表4-4.
表4-4 页面操作处理事件
事件名称 |
事件说明 |
下拉 |
用户在页面上做下拉动作时,触发本事件,一般用于刷新数据 页面默认不触发本事件,需要在“全局配置”或“页面”组件中,将“开启下拉刷新”设置为true,页面才会触发本事件。在事件中,处理完数据刷新后,执行wx.stopPullDownRefresh可以停止当前页面的下拉刷新状态,恢复为原来的状态 |
上拉触底 |
用户将页面向上滑动,显示出页面底部时触发本事件 |
页面刷新 |
调用“页面刷新”操作时,触发本事件 |