推荐下载
-
2020-05-12 浏览：797
-
2020-04-04 浏览：665
-
2020-05-06 浏览：578
-
2020-05-08 浏览：552
-
2020-04-28 浏览：550
微信小程序学习笔记《一》：页面的生命周期与参数传递
发布时间:2020-12-04页面的生命周期
页面跳转的数据传递
1.了解页面的生命周期(利用quickstart项目)
index.wxml
<view class="container">
<view class="usermotto">
<text class="user-motto" >文章1</text>
</view>
<view class="usermotto">
<text class="user-motto">文章2</text>
</view>
</view>
index.js
Page({
data:{
},
onLoad:function(options){
// 生命周期函数--监听页面加载
console.log("index onLoad")
},
onReady:function(){
// 生命周期函数--监听页面初次渲染完成
console.log("index onReady")
},
onShow:function(){
// 生命周期函数--监听页面显示
console.log("index onShow")
},
onHide:function(){
// 生命周期函数--监听页面隐藏
console.log("index onHide")
},
onUnload:function(){
// 生命周期函数--监听页面卸载
console.log("index onUnload")
},
onPullDownRefresh: function() {
// 页面相关事件处理函数--监听用户下拉动作
String7
},
onReachBottom: function() {
// 页面上拉触底事件的处理函数
String8
},
onShareAppMessage: function() {
// 用户点击右上角分享
return {
title: 'title', // 分享标题
desc: 'desc', // 分享描述
path: 'path' // 分享路径
}
}
})
logs.js
Page({
data:{
},
onLoad:function(options){
// 生命周期函数--监听页面加载
console.log("log onLoad")
},
onReady:function(){
// 生命周期函数--监听页面初次渲染完成
console.log("log onReady")
},
onShow:function(){
// 生命周期函数--监听页面显示
console.log("log onShow")
},
onHide:function(){
// 生命周期函数--监听页面隐藏
console.log("log onHide")
