×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

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

参数说明

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

Web 态说明：

由于 Web 态框架暂不支持当前是否进入前、后台的状态检测，因此在下列场景中，Page.onShow、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 参数中

名词解释：

代码示例

 
 
 
    
  
  
  
  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.

代码示例

 
 
 
    
  
  
  
  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://cdbrznjsb.com/article/coisdph.html

其他资讯

让你的专属顾问为你服务