后浪云百度小程序教程：Page

2023-2-2
  • 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
     
 
 
      
  
  
  
    1. Page({
      2. 
  
  
  
    2.  data: {
      3. 
  
  
  
    3.  name: 'swan'
      4. 
  
  
  
    4.  },
      5. 
  
  
  
    5.  onInit: function () {
      6. 
  
  
  
    6.  // Do something when page init.
      7. 
  
  
  
    7.  },
      8. 
  
  
  
    8.  onLoad: function () {
      9. 
  
  
  
    9.  // Do something when page load.
      10. 
  
  
  
    10.  },
      11. 
  
  
  
    11.  onReady: function() {
      12. 
  
  
  
    12.  // Do something when page ready.
      13. 
  
  
  
    13.  },
      14. 
  
  
  
    14.  onShow: function() {
      15. 
  
  
  
    15.  // Do something when page show.
      16. 
  
  
  
    16.  },
      17. 
  
  
  
    17.  onHide: function() {
      18. 
  
  
  
    18.  // Do something when page hide.
      19. 
  
  
  
    19.  },
      20. 
  
  
  
    20.  onUnload: function() {
      21. 
  
  
  
    21.  // Do something when page close.
      22. 
  
  
  
    22.  },
      23. 
  
  
  
    23.  onForceReLaunch() {
      24. 
  
  
  
    24.  // do something when page force reLaunch
      25. 
  
  
  
    25.  },
      26. 
  
  
  
    26.  onPullDownRefresh: function() {
      27. 
  
  
  
    27.  // Do something when pull down.
      28. 
  
  
  
    28.  },
      29. 
  
  
  
    29.  onReachBottom: function() {
      30. 
  
  
  
    30.  // Do something when page reach bottom.
      31. 
  
  
  
    31.  },
      32. 
  
  
  
    32.  onPageScroll: function() {
      33. 
  
  
  
    33.  // Do something when user slide page.
      34. 
  
  
  
    34.  },
      35. 
  
  
  
    35.  onShareAppMessage: function () {
      36. 
  
  
  
    36.  // return custom share data when user share.
      37. 
  
  
  
    37.  },
      38. 
  
  
  
    38.  onTabItemTap: function() {
      39. 
  
  
  
    39.  // Do something when user click tab.
      40. 
  
  
  
    40.  },
      41. 
  
  
  
    41.  onURLQueryChange: function() {
      42. 
  
  
  
    42.  // Do something when url query change.
      43. 
  
  
  
    43.  }
      44. 
  
  
  
    44. });
      45.

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

    版权声明：
    作者：后浪云
    链接：https://www.idc.net/help/186185/
    文章版权归作者所有，未经允许请勿转载。
    THE END
    IDC.NET智能小程序后浪云百度小程序
    Copyright © 2025 后浪云 网站地图