Page(OBJECT)方法进实现页面的注册
小程序在每个页面JS文件中通过使用Page(OBJECT)方法进行页面注册，该方法可以用于指定小程序页面的生命周期函数。Page()方法的OBJECT参数如表所示。
|
属性 |
类型 |
说明 |
|
data |
Object |
页面的初始数据 |
|
onLoad() |
Function |
生命周期函数——监听页面的加载 |
|
onReady() |
Function |
生命周期函数——监听页面初次渲染完成 |
|
onShow() |
Function |
生命周期函数——监听页面的显示 |
|
onHide() |
Function |
生命周期函数——监听页面的隐藏 |
|
onUnload() |
Function |
生命周期函数——监听页面的卸载 |
|
onPullDownRefresh() |
Function |
页面相关事件处理函数——监听用户下拉动作 |
|
onReachBottom() |
Function |
页面上拉触底事件的处理函数 |
|
onShareAppMessage() |
Function |
用户单击右上角转发 |
|
onPageScroll() |
Function |
页面滚动触发事件的处理函数 |
|
onTabItemTap() |
Function |
若当前时tab页，单击tab时触发 |
|
其他 |
Any |
可以添加任意函数或数据到OBJECT参数中，在页面的函数中用this可以访问 |
Page()方法只能写在小程序每个页面对应的JS文件中，并且每个页面只能注册1个。在微信web开发者工具中新建页面时会自动生成页面JS文件的Page()方法。
如创建test页面，创建完成后test.js的代码如下：
// pages/test/test.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
与app.js中的App()方法中的函数类似，可以根据实际情况删除Page()中不需要的函数，或者保留该函数内部为空白。
除了函数外，Page()同样也支持添加自定义的页面变量，示例代码如下：
// pages/test/test.js
Page({
/**
* 页面的初始数据
*/
data: {
"pageData":"这是test页"
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(this.data.pageData);
}
})
变量的名称、取值、个数可以自行定义。
