Page(Object object)
注冊小程序中的一個頁面。接受一個 Object 類型參數(shù),其指定頁面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等。
Page({
data: {
text: "頁面第一次渲染使用的初始數(shù)據(jù)。"
},
onLoad: function (options) {
// 頁面加載時觸發(fā)。一個頁面只會調(diào)用一次,可以在 onLoad 的參數(shù)中獲取打開當(dāng)前頁面路徑中的參數(shù)options
},
onShow: function () {
//頁面顯示/切入前臺時觸發(fā)。
},
onReady: function () {
// 頁面初次渲染完成時觸發(fā)。一個頁面只會調(diào)用一次,代表頁面已經(jīng)準(zhǔn)備妥當(dāng),可以和視圖層進(jìn)行交互。
//注意:對界面內(nèi)容進(jìn)行設(shè)置的 API 如wx.setNavigationBarTitle,請在onReady之后進(jìn)行
},
onHide: function () {
// 頁面隱藏/切入后臺時觸發(fā)。如 wx.navigateTo 或底部 tab 切換到其他頁面,小程序切入后臺等
},
onUnload: function () {
// 頁面卸載時觸發(fā)
},
onPullDownRefresh: function () {
//監(jiān)聽用戶下拉刷新事件。
//需要在app.json的window選項中或頁面配置中開啟enablePullDownRefresh。
//可以通過wx.startPullDownRefresh觸發(fā)下拉刷新,調(diào)用后觸發(fā)下拉刷新動畫,效果與用戶手動下拉刷新一致。
//當(dāng)處理完數(shù)據(jù)刷新后,wx.stopPullDownRefresh可以停止當(dāng)前頁面的下拉刷新。
},
onReachBottom: function () {
// 監(jiān)聽用戶上拉觸底事件。
// 可以在app.json的window選項中或頁面配置中設(shè)置觸發(fā)距離onReachBottomDistance。
// 在觸發(fā)距離內(nèi)滑動期間,本事件只會被觸發(fā)一次。
},
onShareAppMessage: function () {
// 監(jiān)聽用戶點擊頁面內(nèi)轉(zhuǎn)發(fā)按鈕(button 組件 open-type="share")或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為,并自定義轉(zhuǎn)發(fā)內(nèi)容。
//注意:只有定義了此事件處理函數(shù),右上角菜單才會顯示“轉(zhuǎn)發(fā)”按鈕
},
onPageScroll: function () {
//監(jiān)聽用戶滑動頁面事件。
},
onResize: function () {
// 小程序屏幕旋轉(zhuǎn)時觸發(fā)
},
onTabItemTap(item) {
//點擊 tab 時觸發(fā)
//被點擊tabItem的序號,從0開始
console.log(item.index)
//被點擊tabItem的頁面路徑
console.log(item.pagePath)
//被點擊tabItem的按鈕文字
console.log(item.text)
},
viewTap: function () {
// 在渲染層的組件中加入事件綁定,當(dāng)事件被觸發(fā)時,就會執(zhí)行 Page 中定義的事件處理函數(shù)。
this.setData({
text: 'Set some data for updating view.'
}, function () {
// this is setData callback
})
},
customData: {
//開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 Object 參數(shù)中,在頁面的函數(shù)中用 this 可以訪問
hi: 'MINA'
}
})