探讨uniapp的路由与页面生命周期问题

@Autowire2023-08-27 8:59

1 首先我们引入页面路由

2 页面生命周期函数

java 复制代码

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() 获取当前的页面栈，决定需要返回几层。

执行声明周期函数：

java 复制代码

  onBackPress(){
     console.log('页面返回')
  }