创新互联百度小程序教程：Page

  • Page

    Page

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

    object 参数说明：

    属性 类型 描述
    dataObject页面的初始数据，详情请参考初始化数据
    onInitFunction监听页面初始化的生命周期函数，详情请参考生命周期函数
    onLoadFunction监听页面加载的生命周期函数，详情请参考生命周期函数
    onReadyFunction监听页面初次渲染完成的生命周期函数，详情请参考生命周期函数
    onShowFunction监听页面显示的生命周期函数，详情请参考生命周期函数
    onHideFunction监听页面隐藏的生命周期函数，详情请参考生命周期函数
    onUnloadFunction监听页面卸载的生命周期函数，详情请参考生命周期函数
    onForceReLaunchFunction监听页面重启的生命周期函数，单击右上角菜单栏的重启按钮时触发，详情请参考生命周期函数
    onPullDownRefreshFunction监听用户下拉动作，详情请参考页面事件处理函数
    onReachBottomFunction页面上拉触底事件的处理函数，详情请参考页面事件处理函数
    onPageScrollFunction监听用户滑动页面，详情请参考页面事件处理函数
    onShareAppMessageFunction用户点击右上角转发，详情请参考页面事件处理函数
    onTabItemTapFunction点击 tab 时触发，详情请参考页面事件处理函数
    onURLQueryChangeFunction监听页面 URL query 改变，详情请参考页面事件处理函数
    onErrorFunction错误监听函数
    其他不限开发者可以添加任意的函数或数据到 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 ，进行组合渲染。

    当前文章：创新互联百度小程序教程：Page
    网站网址：http://www.shufengxianlan.com/qtweb/news15/313665.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    微信公众号知识

    各行业网站

    微信小程序开发　　 　内江网站建设　　 　四川成都做网站　　 　企业网站设计　　 　艾名斯智能　　 　四川黔盛装饰　　 　云主机　　 　重庆网站建设公司　　 　成都虚拟主机　　 　网站建设策划方案　　 　绵阳网站制作　　 　达州做网站　　 　新华建筑装饰　　 　成都网站建设　　 　上海除甲醛　　 　网站定制　　 　成都网站维护　　 　香港虚拟主机空间　　 　邛崃网站建设　　 　电信机房托管