13518219792
网站建设资讯

NEWS

网站建设资讯

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

  • 参数说明

    参数说明

    解释：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.

    当前标题：创新互联百度小程序教程：参数说明
    网址分享：http://cdysf.com/article/coisdph.html

    其他资讯