微信小程序> 微信小程序page页面生命周期详解

微信小程序page页面生命周期详解

浏览量:1125 时间: 来源:mingcodes

小程序

通过App()注册完成小程序之后,框架就开始注册页面,同样的Page()也是有生命周期的。当页面注册完成之后,可以在 page.js 文件中调用 getCurrentPage() 方法,获取当前页面对象。以下是page()中函数说明

//index.jsPage({  data: {    text: "This is page data."   //data 是页面第一次渲染使用的初始数据  },  onLoad: function(options) {    // 页面创建时执行,一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数  },  onShow: function() {    // 页面显示/切入前台时触发。  },  onReady: function() {    // 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互  },  onHide: function() {    // 页面隐藏/切入后台时触发。  },  onUnload: function() {    // 页面卸载时触发  },  onPullDownRefresh: function() {    // 监听用户下拉刷新事件。  },  onReachBottom: function() {    // 监听用户上拉触底事件  },  onShareAppMessage: function () {    //监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容  },  onPageScroll: function() {    // 监听用户滑动页面事件。  },  onResize: function() {    // 小程序屏幕旋转时触发。  },  onTabItemTap(item) {    // tab 点击时执行    console.log(item.index)    console.log(item.pagePath)    console.log(item.text)  },  // 事件响应函数  viewTap: function() {    this.setData({      text: 'Set some data for updating view.'    }, function() {      // this is setData callback    })  },  // 自由数据  customData: {    hi: 'MINA'  }})

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎