创新互联百度小程序教程：参数说明

  • 参数说明

    参数说明

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

    Web 态说明：

    由于 Web 态框架暂不支持当前是否进入前、后台的状态检测，因此在下列场景中，Page.onShow、Page.onHide生命周期无法触发；

    • 当 Web 态小程序从后台切换至前台时，如从任务管理器进入、或关闭显示在上层的语音助手等，Page.onShow生命周期无法触发；
    • 当 Web 态小程序从前台切换至后台时，如按下 Home 键，Page.onHide生命周期无法触发；
    • 当从 Web 态小程序跳转至其它第三方网页或应用时，如从 Web 态小程序打开拨号界面，Page.onHide生命周期无法触发；
    • 关闭 Web 态小程序，Page.onHide生命周期无法触发。

    object 参数说明：

    属性 类型 描述
    data Object 页面的初始数据
    onInit Function 页面的生命周期函数 — 监听页面初始化
    onLoad Function 页面的生命周期函数 — 监听页面加载
    onShow Function 页面的生命周期函数 — 监听页面显示
    onReady Function 页面的生命周期函数 — 监听页面初次渲染完成
    onHide Function 页面的生命周期函数 — 监听页面隐藏
    onUnload Function 页面的生命周期函数 — 监听页面卸载
    onForceReLaunch Function 页面的生命周期函数 — 监听页面重启，单击右上角菜单栏的重启按钮时触发
    onPullDownRefresh Function 页面的事件处理函数 — 监听用户下拉动作
    onReachBottom Function 页面的事件处理函数 — 上拉触底事件的处理函数
    onShareAppMessage Function 页面的事件处理函数 — 用户点击右上角转发
    onPageScroll Function 页面的事件处理函数 — 页面滚动触发事件的处理函数
    onTabItemTap Function 页面的事件处理函数 — 当前是 tab 页时，点击 tab 时触发
    onURLQueryChange Function 页面的事件处理函数 — 监听页面 URL query 改变
    onError Function 错误监听函数
    其他 Any 开发者可以添加任意的函数或数据到 object 参数中

    名词解释：

    • 菜单栏：页面右上角获取菜单按钮（右上角胶囊按钮）中三个点的图标，点击会弹出菜单面板（包含：分享、评价、重启小程序等功能）。

    代码示例

    • JS
     
 
 
      
  
  
  
    1. // page.js
      2.   
  
  
    2. Page({
      3.   
  
  
    3.  data: {
      4.   
  
  
    4.  text: 'init data'
      5.   
  
  
    5.  },
      6.   
  
  
    6.  onInit(options) {
      7.   
  
  
    7.  // do something when page init
      8.   
  
  
    8.  },
      9.   
  
  
    9.  onLoad(options) {
      10.   
  
  
    10.  // do something when page load
      11.   
  
  
    11.  },
      12.   
  
  
    12.  onReady() {
      13.   
  
  
    13.  // do something when page ready
      14.   
  
  
    14.  },
      15.   
  
  
    15.  onShow() {
      16.   
  
  
    16.  // do something when page show
      17.   
  
  
    17.  },
      18.   
  
  
    18.  onHide() {
      19.   
  
  
    19.  // do something when page hide
      20.   
  
  
    20.  },
      21.   
  
  
    21.  onUnload() {
      22.   
  
  
    22.  // do something when page unload
      23.   
  
  
    23.  },
      24.   
  
  
    24.  onForceReLaunch() {
      25.   
  
  
    25.  // do something when page force reLaunch
      26.   
  
  
    26.  },
      27.   
  
  
    27.  onPullDownRefresh() {
      28.   
  
  
    28.  // do something when pull down
      29.   
  
  
    29.  },
      30.   
  
  
    30.  onReachBottom() {
      31.   
  
  
    31.  // do something when page reach bottom
      32.   
  
  
    32.  },
      33.   
  
  
    33.  onShareAppMessage() {
      34.   
  
  
    34.  // return custom share data
      35.   
  
  
    35.  },
      36.   
  
  
    36.  onPageScroll() {
      37.   
  
  
    37.  // do something when page scroll
      38.   
  
  
    38.  },
      39.   
  
  
    39.  onTabItemTap(item) {
      40.   
  
  
    40.  console.log(item.index);
      41.   
  
  
    41.  console.log(item.pagePath);
      42.   
  
  
    42.  console.log(item.text);
      43.   
  
  
    43.  },
      44.   
  
  
    44.  onURLQueryChange({newURLQuery, oldURLQuery}) {
      45.   
  
  
    45.  // do something when url query change
      46.   
  
  
    46.  },
      47.   
  
  
    47.  customData: {}
      48.   
  
  
    48. });
      49.
    • 在页面中使用 behaviors ：可以用来让多个页面有相同的数据字段和方法。

    代码示例

    • JS
     
 
 
      
  
  
  
    1. // my-behavior.js
      2.   
  
  
    2. module.exports = Behavior({
      3.   
  
  
    3.  data: {
      4.   
  
  
    4.  sharedText: 'data shared between pages.'
      5.   
  
  
    5.  },
      6.   
  
  
    6.  methods: {
      7.   
  
  
    7.  sharedMethod: function() {
      8.   
  
  
    8.  this.data.sharedText === 'data shared between pages.'
      9.   
  
  
    9.  }
      10.   
  
  
    10.  }
      11.   
  
  
    11. })
      12.   
  
  
      13.   
  
  
      14.   
  
  
    14. // page-a.js
      15.   
  
  
    15. var myBehavior = require('./my-behavior.js')
      16.   
  
  
    16. Page({
      17.   
  
  
    17.  behaviors: [myBehavior],
      18.   
  
  
    18.  onLoad: function() {
      19.   
  
  
    19.  this.data.sharedText === 'data shared between pages.'
      20.   
  
  
    20.  }
      21.   
  
  
    21. })
      22.

    文章题目：创新互联百度小程序教程：参数说明
    链接URL：http://www.csdahua.cn/qtweb/news8/353558.html

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

    广告

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

    成都快上网为您推荐相关内容

    全网营销推广知识

    同城分类信息

    专业网站设计　　 　四川服务器托管　　 　成都网站制作　　 　安卓开发　　 　成都网站优化　　 　贵州义龙电信机房　　 　彭州网站建设　　 　成都网页制作　　 　四川雅安服务器托管　　 　成都网站建设　　 　成都柴油发电机组　　 　恒翔机电　　 　东电技改　　 　重庆网站建设　　 　梓潼网站设计　　 　马边网站建设　　 　轻质隔墙板　　 　成都做网站　　 　重庆移动网站建设　　 　网站空间