当前位置: 首页 > news >正文

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

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('页面返回')}
http://www.lryc.cn/news/142237.html

相关文章:

  • 咸鱼之王俱乐部网站开发
  • Electron+Vue3+TS 打包exe客户端
  • vue3范围选择组件封装
  • 能被整除的数(容斥原理)
  • Modbus转Profinet网关与流量变送器兼容转ModbusTCP协议博图配置
  • HLS实现CORDIC算法计算正余弦并上板验证
  • 高阶数据结构并查集
  • WSL2连接不了外网怎么办?
  • 【C/C++】探索内存对齐的奥秘与优势
  • leetcode分类刷题:滑动窗口(二、重复元素类型)
  • MySQL—buffer pool
  • 《C和指针》笔记8: 枚举类型
  • Python爬虫框架之Selenium库入门:用Python实现网页自动化测试详解
  • docker swarm 部署服务网络问题
  • 1.00001git源码clone后进行编译(带调试)
  • 使用StorageClass动态创建pv
  • 数据结构(Java实现)-ArrayList与顺序表
  • 性能优化维度
  • PMP P-06 Resource Management
  • 【C++】map的奇葩用法:和函数结合
  • 关于JVM的参数类型
  • HTTP协议中的Content-Type及其常见类型
  • android Junit4编写自测用例
  • arcgis:画一幅自己城市的shp地图
  • 采购油封时要考虑的因素
  • 【无标题】科目一笔记
  • java八股文面试[数据结构]——HashMap和HashTable区别
  • 乐趣无限:10款基于Pygame的经典游戏合集
  • php检测数组是否存在某个键,和是否存在某个变量
  • c++中的const与constexpt的区别