每个页面的文件夹内都有一个js文件,如index文件内有index.js,logs文件夹内有logs.js
在这个js文件内有一个Page( )函数,用来注册一个页面
传入一个Object参数,在这个对象内可以定义
- 页面的生命周期函数
- 页面数据
- 用户自定义函数
- 事件函数
Object参数说明
| 属性 | 类型 | 描述 |
|---|---|---|
| data | Object | 页面的初始数据 |
| onLoad | Function | 生命周期函数-监听页面加载 |
| onShow | Function | 生命周期函数-监听页面显示 |
| onReady | Function | 生命周期函数-监听页面初次渲染完成 |
| onHide | Function | 生命周期函数-监听页面隐藏 |
| onUnload | Function | 生命周期函数-监听页面卸载 |
| onPullDownRefresh | Function | 监听用户下拉动作 |
| onReachBottom | Funtion | 页面上拉触底时间的处理函数 |
| onShareAppMessage | Function | 用户单击右上角转发 |
| onPageScroll | Function | 页面滚动触发事件的处理函数 |
| onResize | Function | 页面尺寸改变时触发 |
| onTabItemTap | Function | 当前是tab页时,单击tab时触发 |
| 其他 | Any | 开发者自定义函数,在其他函数中使用this可以调用 |
一个完整的Page()函数
Page({data: {text: 'This is page data.'},onLoad(options) {// 页面加载时触发,只调用一次},onReady() {// 页面初次渲染完成时触发,只调用一次},onShow() {// 页面显示时触发,在每次切入显示的时候都会调用},onHide() {// 页面隐藏时触发,如切换到其他页面或者切入后台},onUnload() {// 页面卸载时触发},onPullDownRefresh() {// 事件函数,当用户下拉页面的时候触发},onReachBottom() {// 监听用户上拉事件,可以在app.json的window里配置上拉触发距离},onShareAppMessage() {// 当用户单击分享的时候触发,也只有定义了此函数,右上角才会显示“转发”按钮},onPageScroll() {// 当页面发生滚动时触发},onResize() {// 当页面大小发生变化时触发},onTabItemTap(item) { // 当单击tab时触发console.log(item.index)console.log(item.pagePath)console.log(item.text)},viewTap() {// 开发者自定义的事件函数},customData: {hi: 'xiaoke'}})
