1 首先我们引入页面路由
2 页面生命周期函数
onLoad() {
console.log('页面加载')
},
onShow() {
console.log('页面显示')
},
onReady(){
console.log('页面初次显示')
},
onHide() {
console.log('页面隐藏')
},
onUnload() {
console.log('页面卸载')
},
onBackPress(){
console.log('页面返回')
}
3 页面跳转
3.1 navigate
保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
navigateTo 跳转到新的页面:
这时我们执行 navigateBack 页面回退操作:
3.1 redirect
关闭当前页面,跳转到应用内的某个页面。
3.1 switchTab
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
我们点击一下下面的tarbar按钮观察变化:与上面的执行行为保持一致。
3.1 reLaunch
关闭所有页面,打开到应用内的某个页面。
首先我们验证tarbar页面:
验证非tarbar页面 与上面保持一致
3.1 navigateBack
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
执行声明周期函数:
onBackPress(){
console.log('页面返回')
}