微信小程序注册页面Page()-小样儿960

---

Page()

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。object 内容在页面加载时会进行一次深拷贝，需考虑数据大小对页面加载的开销。

//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // 监听页面加载
  },
  onReady: function() {
    //监听页面初次渲染完成
  },
  onShow: function() {
    //监听页面显示
  },
  onHide: function() {
    // 监听页面隐藏
  },
  onUnload: function() {
    // 监听页面卸载
  },
  onPullDownRefresh: function() {
    //页面相关事件处理函数--监听用户下拉动作
  },
  onReachBottom: function() {
    //页面上拉触底事件的处理函数
  },
  onShareAppMessage: function () {
   // 用户点击右上角转发
  },
  onPageScroll: function() {
    // 页面滚动触发事件的处理函数
  },
  onTabItemTap(item) {
   //当前是 tab 页时，点击 tab 时触发
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // 事件处理函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, 
    function() {
      // this is setData callback
    })
  },
  customData: {
    hi: 'MINA'
  }
})

具体相关用法详见官网 点击这个

下拉刷新函数用例

首先保证app.json的window选项中或页面配置中开启enablePullDownRefresh。

//app.json
 "window":{
    "enablePullDownRefresh":true
  }

//index.json
{
   "enablePullDownRefresh":true
}

这个函数写的是刷新后需要进行的处理

  onPullDownRefresh: function() {
    //页面相关事件处理函数--监听用户下拉动作
    wx.showToast({
      title: '没事儿别乱拉',//提示信息
      icon: 'success',//成功显示图标
      duration: 2000//时间
     })
  },

上拉触底事件

  onReachBottom: function() {
    //页面上拉触底事件的处理函数
   wx.showToast({
      title: '没事儿别乱拽',//提示信息
      icon: 'success',//成功显示图标
      duration: 2000//时间
     })
  },

用户转发

只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮。用户点击转发按钮的时候会调用。此事件需要 return 一个 Object，用于自定义转发内容。

 onShareAppMessage: function () {
    return {
      title: '自定义转发标题',
      path: '/pages/index/index'
    }
  }