阅读(202) (7)

百度智能小程序 Page

2020-08-10 16:51:32 更新

Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

object 参数说明:

属性类型描述
dataObject页面的初始数据
onInitFunction监听页面初始化的生命周期函数
onLoadFunction监听页面加载的生命周期函数
onReadyFunction监听页面初次渲染完成的生命周期函数
onShowFunction监听页面显示的生命周期函数
onHideFunction监听页面隐藏的生命周期函数
onUnloadFunction监听页面卸载的生命周期函数
onPullDownRefreshFunction监听用户下拉动作,详情请参考页面事件处理函数
onReachBottomFunction页面上拉触底事件的处理函数,详情请参考页面事件处理函数
onPageScrollFunction监听用户滑动页面,详情请参考页面事件处理函数
onShareAppMessageFunction用户点击右上角转发,详情请参考页面事件处理函数
onTabItemTapFunction点击 tab 时触发,详情请参考页面事件处理函数
onURLQueryChangeFunction监听页面 URL query 改变,详情请参考页面事件处理函数
onErrorFunction错误监听函数
其他不限开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问。

代码示例

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.
    }
});

智能小程序框架,会将同页面的 .swan 文件与 .js 中定义的 Page 对象中的 data,进行组合渲染。