页面的生命周期
原创2026/3/5小于 1 分钟
注册小程序中的一个页面。指定页面的生命周期函数
| 属性 | 类型 | 说明 |
|---|---|---|
| onLoad | function | 生命周期回调—监听页面加载 |
| onShow | function | 生命周期回调—监听页面显示 |
| onReady | function | 生命周期回调—监听页面初次渲染完成 |
| onHide | function | 生命周期回调—监听页面隐藏 |
| onUnload | function | 生命周期回调—监听页面卸载 |
我们在 news 页面中的 news.ts 文件中去增加这些生命周期函数
Page({
data: {
message: '',
},
onLoad(options) {
console.log('页面加载')
const appInstance = getApp()
this.setData({
message: appInstance.globalData.userInfo,
})
},
onShow() {
console.log('页面显示')
},
onReady() {
console.log('页面初次渲染完成')
},
onHide() {
console.log('页面隐藏')
},
onUnload() {
console.log('页面卸载')
},
})至此,本章节的学习就到此结束了,如有疑惑,可对接技术客服进行相关咨询。