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'
}
})