百度智能小程序 Page

2020-09-05 15:05 更新

Page() 函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面。接受一個(gè) object 參數(shù),其指定頁(yè)面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。

object 參數(shù)說(shuō)明:

屬性類型描述
dataObject頁(yè)面的初始數(shù)據(jù)
onInitFunction監(jiān)聽(tīng)頁(yè)面初始化的生命周期函數(shù)
onLoadFunction監(jiān)聽(tīng)頁(yè)面加載的生命周期函數(shù)
onReadyFunction監(jiān)聽(tīng)頁(yè)面初次渲染完成的生命周期函數(shù)
onShowFunction監(jiān)聽(tīng)頁(yè)面顯示的生命周期函數(shù)
onHideFunction監(jiān)聽(tīng)頁(yè)面隱藏的生命周期函數(shù)
onUnloadFunction監(jiān)聽(tīng)頁(yè)面卸載的生命周期函數(shù)
onPullDownRefreshFunction監(jiān)聽(tīng)用戶下拉動(dòng)作,詳情請(qǐng)參考頁(yè)面事件處理函數(shù)。
onReachBottomFunction頁(yè)面上拉觸底事件的處理函數(shù),詳情請(qǐng)參考頁(yè)面事件處理函數(shù)。
onPageScrollFunction監(jiān)聽(tīng)用戶滑動(dòng)頁(yè)面,詳情請(qǐng)參考頁(yè)面事件處理函數(shù)
onShareAppMessageFunction用戶點(diǎn)擊右上角轉(zhuǎn)發(fā),詳情請(qǐng)參考頁(yè)面事件處理函數(shù)。
onTabItemTapFunction點(diǎn)擊 tab 時(shí)觸發(fā),詳情請(qǐng)參考頁(yè)面事件處理函數(shù)。
onURLQueryChangeFunction監(jiān)聽(tīng)頁(yè)面 URL query 改變,詳情請(qǐng)參考頁(yè)面事件處理函數(shù)。
onErrorFunction錯(cuò)誤監(jiān)聽(tīng)函數(shù)
其他不限開(kāi)發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 object 參數(shù)中,在頁(yè)面的函數(shù)中用 this 可以訪問(wèn)。

代碼示例

Page({
    data: {
    name: 'swan'
    },
    onInit: function () {
    // Do something when page init.
    },
    onLoad: function () {
    // Do something when page load.
    },
    onReady: function() {
    // Do something when page ready.
    },
    onShow: function() {
    // Do something when page show.
    },
    onHide: function() {
    // Do something when page hide.
    },
    onUnload: function() {
    // Do something when page close.
    },
    onPullDownRefresh: function() {
    // Do something when pull down.
    },
    onReachBottom: function() {
    // Do something when page reach bottom.
    },
    onShareAppMessage: function () {
    // return custom share data when user share.
    },
    onURLQueryChange: function() {
    // Do something when url query change.
    }
});

智能小程序框架,會(huì)將同頁(yè)面的 .swan 文件與 .js 中定義的 Page 對(duì)象中的 data,進(jìn)行組合渲染。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)