创新互联百度小程序教程:Page
- Page
Page
Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

object 参数说明:
| 属性 | 类型 | 描述 |
|---|---|---|
| data | Object | 页面的初始数据,详情请参考初始化数据 |
| onInit | Function | 监听页面初始化的生命周期函数,详情请参考生命周期函数 |
| onLoad | Function | 监听页面加载的生命周期函数,详情请参考生命周期函数 |
| onReady | Function | 监听页面初次渲染完成的生命周期函数,详情请参考生命周期函数 |
| onShow | Function | 监听页面显示的生命周期函数,详情请参考生命周期函数 |
| onHide | Function | 监听页面隐藏的生命周期函数,详情请参考生命周期函数 |
| onUnload | Function | 监听页面卸载的生命周期函数,详情请参考生命周期函数 |
| onForceReLaunch | Function | 监听页面重启的生命周期函数,单击右上角菜单栏的重启按钮时触发,详情请参考生命周期函数 |
| onPullDownRefresh | Function | 监听用户下拉动作,详情请参考页面事件处理函数 |
| onReachBottom | Function | 页面上拉触底事件的处理函数,详情请参考页面事件处理函数 |
| onPageScroll | Function | 监听用户滑动页面,详情请参考页面事件处理函数 |
| onShareAppMessage | Function | 用户点击右上角转发,详情请参考页面事件处理函数 |
| onTabItemTap | Function | 点击 tab 时触发,详情请参考页面事件处理函数 |
| onURLQueryChange | Function | 监听页面 URL query 改变,详情请参考页面事件处理函数 |
| onError | Function | 错误监听函数 |
| 其他 | 不限 | 开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问 |
代码示例
- JS
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.},onForceReLaunch() {// do something when page force reLaunch},onPullDownRefresh: function() {// Do something when pull down.},onReachBottom: function() {// Do something when page reach bottom.},onPageScroll: function() {// Do something when user slide page.},onShareAppMessage: function () {// return custom share data when user share.},onTabItemTap: function() {// Do something when user click tab.},onURLQueryChange: function() {// Do something when url query change.}});
智能小程序框架,会将同页面的 .swan 文件与 .js 中定义的 Page 对象中的 data ,进行组合渲染。
名称栏目:创新互联百度小程序教程:Page
转载来源:http://www.jxjierui.cn/article/dpdhcdp.html


咨询
建站咨询
