微信小程序 Page()函数详解

object 参数说明:

示例代码:

//index.js
Page({
  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
  },
  // Event handler.
  viewTap: function () {
   this .setData({
    text: 'Set some data for updating view.'
   })
  }
})

生命周期函数

onLoad: 页面加载

一个页面只会调用一次。

参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

onShow: 页面显示

每次打开页面都会调用一次。

onReady: 页面初次渲染完成

一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期

onHide: 页面隐藏

当navigateTo或底部tab切换时调用。

onUnload: 页面卸载

当redirectTo或navigateBack的时候调用。

页面相关事件处理函数

onPullDownRefresh: 下拉刷新

监听用户下拉刷新事件。

需要在config的window选项中开启enablePullDownRefresh。

当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

事件处理函数

除了初始化数据和生命周期函数,Page 中还可以定义一些特殊的函数:事件处理函数。在渲染层可以在组件中加入事件绑定,当达到触发事件时,就会执行 Page 中定义的事件处理函数。


猜你喜欢

转载自blog.csdn.net/primedream_ryh/article/details/79432860
今日推荐