(精华)2020年7月9日 微信小程序 页面生命周期

Page({
// 页面第一次渲染使用的初始数据
data: {
text: "This is page data."
},
onLoad: function(options) {
// 生命周期回调—监听页面加载
},
onShow: function() {
// 生命周期回调—监听页面显示
console.log(this.route)//页面路由
},
onReady: function() {
// 生命周期回调—监听页面初次渲染完成
},
onHide: function() {
// 生命周期回调—监听页面隐藏
},
onUnload: function() {
// 生命周期回调—监听页面卸载
},
onPullDownRefresh: function() {
// 监听用户下拉动作
},
onReachBottom: function() {
// 页面上拉触底事件的处理函数
},
onShareAppMessage: function (options) {
// 用户点击右上角转发
if (options.from === 'button') {
// 来自页面内转发按钮
console.log(res.target)
}
return {
title: '自定义转发标题',
path: '/page/user?id=123'
}
},
onShareTimeline: function () {
// 用户点击右上角转发到朋友圈
},
onAddToFavorites: function (options) {
// 用户点击右上角收藏
// webview 页面返回 webviewUrl
console.log('WebviewUrl: ', options.webviewUrl)
return {
title: '自定义标题',
imageUrl: 'http://demo.png',
query: 'name=xxx&age=xxx',
}
},
onPageScroll: function(options) {
// 页面滚动触发事件的处理函数
},
onResize: function() {
// 页面尺寸改变时触发
},
onTabItemTap(item) {
// 当前是 tab 页时，点击 tab 时触发
console.log(item.index)
console.log(item.pagePath)
console.log(item.text)
},
//开发者可以添加任意的函数或数据到 Object 参数中，在页面的函数中用 this 可以访问
//页面<view bindtap="viewTap"> click me </view>处理函数
viewTap: function() {
this.setData({
text: 'Set some data for updating view.'
}, function() {
// this is setData callback
})
},
})