跳至主要內容

页面的生命周期

刘春龙原创...小于 1 分钟WEB前端小程序教程文档

注册小程序中的一个页面。指定页面的生命周期函数

属性类型说明
onLoadfunction生命周期回调—监听页面加载
onShowfunction生命周期回调—监听页面显示
onReadyfunction生命周期回调—监听页面初次渲染完成
onHidefunction生命周期回调—监听页面隐藏
onUnloadfunction生命周期回调—监听页面卸载

我们在 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("页面卸载");
  },
});
上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7