官方文档——框架(注册页面)
Page() 函数用来注册一个页面,所以说必须要有,就算是空白的网页
如下:
data:
data: {
motto: {
text: 'hello'
},
haha: '遥遥',
}
函数:
onLoad(options) {
console.log('页面加载')
},
onShow() {
console.log('页面show')
},
onReady() {
console.log(this.route)
this.setData({
'motto.text': 'haha'
})
console.log('页面初次渲染完成')
},
onHide() {
console.log('页面隐藏')
},
onUnload() {
console.log('网页卸载')
},
onPullDownRefresh() {
console.log('监听用户下拉')
},
onReachBottom() {
console.log('用户上拉触底')
},
onShareAppMessage() {
console.log('用户转发')
return {
title: '自定义转发标题',
path: '/index/index?id=123'
}
},
onPageScroll(scrollTop) {
console.log(scrollTop)
console.log('返回距离top的值')
},
onTabItemTap () {
console.log('如果是tab页,点击tab时触发')
},
customData: {
hi: 'MINA'
},
详细说明:
data(Object):页面的初始数据
注意:一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。
onLoad:生命周期函数--监听页面加载
注意:每次打开页面都会调用一次。
onReady:生命周期函数--监听页面初次渲染完成
注意:一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。对界面的设置如wx.setNavigationBarTitle(动态设置标题)请在onReady之后设置
onShow:生命周期函数--监听页面显示
注意:每次打开页面都会调用一次。
onHide:生命周期函数--监听页面隐藏
注意:当navigateTo(页面跳转)或底部tab切换时调用。
onUnload:生命周期函数--监听页面卸载
注意:当redirectTo或navigateBack(返回上一页)的时候调用。
onPullDownRefresh:页面相关事件处理函数--监听用户下拉动作
注意:监听用户下拉刷新事件。需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
onReachBottom:页面上拉触底事件的处理函数
注意:可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。在触发距离内滑动期间,本事件只会被触发一次。
onShareAppMessage:用户点击右上角转发
onPageScroll:页面滚动触发事件的处理函数
注意:可以获取距离top的距离,如上
onTabItemTap:当前是 tab 页时,点击 tab 时触发
事件处理函数
click me
Page({
viewTap: function() {
console.log('view tap')
}
})
Page.prototype.route:返回当前页地址
console.log(this.route)
注意:Page.prototype就是this
Page.prototype.setData():设置data里面的值
this.setData({
'motto.text': 'haha'
})
注意:Page.prototype就是this,要设置motto里面text的值,需要打引号
如图: