微信小程序 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 中定义的事件处理函数。