一、app生命周期
App({
onLaunch: function () {
//App Launch ,生命周期函数--监听小程序初始化
// 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
},
onShow: function () {
// onShow,生命周期函数--监听小程序显示
// 当小程序启动,或从后台进入前台显示,会触发 onShow
},
onHide: function () {
// onHide,生命周期函数--监听小程序隐藏
// 当小程序从前台进入后台,会触发 onHide
}
})
二、page生命周期
Page({
data:{
//页面的初始数据
},
onLoad:function(options){
// 生命周期函数--监听页面加载
// 页面初始化 options为页面跳转所带来的参数
// 一个页面只会调用一次。
},
onReady:function(){
// 生命周期函数--监听页面初次渲染完成
// 页面渲染完成
},
onShow:function(){
// 生命周期函数--监听页面显示
// 页面显示,每次打开页面都会调用一次。
},
onHide:function(){
// 生命周期函数--监听页面隐藏
// 页面隐藏,当navigateTo或底部tab切换时调用。
},
onUnload:function(){
// 生命周期函数--监听页面卸载
// 页面关闭,当redirectTo或navigateBack的时候调用。
}
})
三、页面跳转
1.wx.navigateTo
,压栈式跳转,跳转后首页隐藏 onHide
,自带返回
2.wx.redirectTo
, 跳转后 首页关闭 onUnload
, 不带返回
3.tabBar跳转,页面相互切换 onShow
与 onHide
4.页面传值:跳转链接url后添加参数 url: '../logs/logs?id=1'
表示传 id=1 的参数
补充: 跳转方法可以通过 bindtap=“click"
绑定点击事件来触发,
也可以直接写在wxml中
<navigator url="../logs/logs?id=23&title=标题>
也可以添加 redirect
执行 redirect 跳转
<navigator url="../logs/logs?id=23&title=标题" redirect>