027-87227388

微信小程序的生命周期

发布时间:2021-03-30 浏览:827

Page(Object object)

注册小程序中的一个页面。接受一个 Object 类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。

Page({

data: {

text: "页面第一次渲染使用的初始数据。"

},

onLoad: function (options) {

// 页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数options

},

onShow: function () {

//页面显示/切入前台时触发

},

onReady: function () {

// 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

//注意:对界面内容进行设置的 API 如wx.setNavigationBarTitle,请在onReady之后进行

},

onHide: function () {

// 页面隐藏/切入后台时触发。如 wx.navigateTo 或底部 tab 切换到其他页面,小程序切入后台等

},

onUnload: function () {

// 页面卸载时触发

},

onPullDownRefresh: function () {

//监听用户下拉刷新事件。

//需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。

//可以通过wx.startPullDownRefresh触发下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。

//当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

},

onReachBottom: function () {

// 监听用户上拉触底事件。

// 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。

// 在触发距离内滑动期间,本事件只会被触发一次

 

},

onShareAppMessage: function () {

// 监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。

//注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮

},

onPageScroll: function () {

//监听用户滑动页面事件。

},

onResize: function () {

// 小程序屏幕旋转时触发

},

onTabItemTap(item) {

//点击 tab 时触发

//被点击tabItem的序号,从0开始

console.log(item.index)

//被点击tabItem的页面路径

console.log(item.pagePath)

//被点击tabItem的按钮文字

console.log(item.text)

},

 

viewTap: function () {

// 在渲染层的组件中加入事件绑定,当事件被触发时,就会执行 Page 中定义的事件处理函数。

this.setData({

text: 'Set some data for updating view.'

}, function () {

// this is setData callback

})

},

customData: {

//开发者可以添加任意的函数或数据到 Object 参数中,在页面的函数中用 this 可以访问

hi: 'MINA'

}

})