参考链接
Page({
data: {
text: "This is page data."
},
onLoad: function(options) {
//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'
}
})
数据绑定
//index.wxml
<view>{{text}}</view>
<view>{{array[0].msg}}</view>
//index.js
Page({
data: {
text: 'init data',
array: [{msg: '1'}, {msg: '2'}]
}
})
生命周期函数
-
onLoad: 页面加载
一个页面在存在期间只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。
-
onShow: 页面显示
每次打开页面都会调用一次。
-
onReady: 页面初次渲染完成
一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期
-
onHide: 页面隐藏
当navigateTo或底部tab切换时调用。
-
onUnload: 页面卸载
当redirectTo或navigateBack的时候调用。
三个重要方法
- this.getCurrentPages
- this.setData
- this.route
获取当前页面的路径 eg. ''pages/index/index''
