每个页面的文件夹内都有一个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()函数

  1. Page({
  2. data: {
  3. text: 'This is page data.'
  4. },
  5. onLoad(options) {
  6. // 页面加载时触发,只调用一次
  7. },
  8. onReady() {
  9. // 页面初次渲染完成时触发,只调用一次
  10. },
  11. onShow() {
  12. // 页面显示时触发,在每次切入显示的时候都会调用
  13. },
  14. onHide() {
  15. // 页面隐藏时触发,如切换到其他页面或者切入后台
  16. },
  17. onUnload() {
  18. // 页面卸载时触发
  19. },
  20. onPullDownRefresh() {
  21. // 事件函数,当用户下拉页面的时候触发
  22. },
  23. onReachBottom() {
  24. // 监听用户上拉事件,可以在app.jsonwindow里配置上拉触发距离
  25. },
  26. onShareAppMessage() {
  27. // 当用户单击分享的时候触发,也只有定义了此函数,右上角才会显示“转发”按钮
  28. },
  29. onPageScroll() {
  30. // 当页面发生滚动时触发
  31. },
  32. onResize() {
  33. // 当页面大小发生变化时触发
  34. },
  35. onTabItemTap(item) { // 当单击tab时触发
  36. console.log(item.index)
  37. console.log(item.pagePath)
  38. console.log(item.text)
  39. },
  40. viewTap() {
  41. // 开发者自定义的事件函数
  42. },
  43. customData: {
  44. hi: 'xiaoke'
  45. }
  46. })