您好,欢迎到菜鸟实战网学习!

注册页面Page   (热度:2649)

  • 下一篇:page页面-data           上一篇:注册程序App()
  • 页面 Page

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

    Object 参数说明:

    属性类型描述
    dataObject页面的初始数据
    onLoadFunction生命周期回调—监听页面加载
    onShowFunction生命周期回调—监听页面显示
    onReadyFunction生命周期回调—监听页面初次渲染完成
    onHideFunction生命周期回调—监听页面隐藏
    onUnloadFunction生命周期回调—监听页面卸载
    onPullDownRefreshFunction监听用户下拉动作
    onReachBottomFunction页面上拉触底事件的处理函数
    onShareAppMessageFunction用户点击右上角转发
    onPageScrollFunction页面滚动触发事件的处理函数
    onTabItemTapFunction当前是 tab 页时,点击 tab 时触发
    其他Any开发者可以添加任意的函数或数据到 Object 参数中,在页面的函数中用 this 可以访问

    Object 内容在页面加载时会进行一次深拷贝,需考虑数据大小对页面加载的开销

    示例代码:

    //index.jsPage({  data: {    text: "This is page data."
      },  onLoad: function(options) {    // Do some initialize when page load.
      },  onReady: function() {    // Do something when page ready.
      },  onShow: function() {    // Do something when page show.
      },  onHide: function() {    // Do something when page hide.
      },  onUnload: function() {    // Do something when page close.
      },  onPullDownRefresh: function() {    // Do something when pull down.
      },  onReachBottom: function() {    // Do something when page reach bottom.
      },  onShareAppMessage: function () {    // return custom share data when user share.
      },  onPageScroll: function() {    // Do something when page scroll
      },
      onTabItemTap(item) {    console.log(item.index)    console.log(item.pagePath)    console.log(item.text)
      },  // Event handler.
      viewTap: function() {    this.setData({      text: 'Set some data for updating view.'
        }, function() {      // this is setData callback
        })
      },  customData: {    hi: 'MINA'
      }
    })



135-1682-1613商城网站/微信商城/多级分销代购系统销售热线 7X24小时 贴心服务