uni-app返回上一级,页面不刷新,bug
uniapp 生命周期(onLoad跟onLoadonShow的区别)
一、uniapp生命周期分两种 :
1、应用生命周期:仅可在App.vue
中监听,在其它页面监听无效。
2、页面生命周期:仅在page页面中监听,而单独封装的组件中【页面周期无效】,但是Vue的生命周期依然有效 【Vue的生命周期在任何地方都是有效的】
二、页面生命周期
1、页面的加载过程是: 加载-显示-加载完成-页面隐藏-页面卸载
2、页面生命周期的出发过程: onLoad:监听页面加载 =》 onShow:监听页面显示 =》 onReady:监听页面初次渲染完成 =》 onHide:监听页面隐藏 =》 onUnload:监听页面卸载
3、onLoad跟onLoadonShow的区别
(1)onShow: 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
例如:页面b:通过缓存跳转到页面a
页面B:缓存一个变量newMember uni.setStorageSync('newMember', this.newMember)
页面A可以接受这个参数变量:onShow() { let str = uni.getStorageSync('newMember') },
(2) onLoad:只加载一次,监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)
只加载一次 所以如果b页面不断的修改数据 再通过 onLoad(){ uni.navigateBack({delta: 1,}) 回到A页面 a页面的数据不会随之改变
总结:A页面跳转到B页面后,从二级页面B返回该页面A时,onLoad不会再次加载,而onshow会重新加载。
应用选择:
1.如果加载列表页,二级页面对一级的列表页面内容有修改,则以及列表函数应该在onShow中加载,否则可以选择onLoad。
2.如果从一个页面携带参数跳转到另外一个页面,在另一个页面获取参数的方式: onLoad(options){ console.log(options.xxx) },这些参数都挂在在options.
3.在一些数据变化较少的时候我们用onload
4:像这些order订单列表数据变化及时性我们用的是onshow;
- onLoad先于onShow执行
- onLoad页面的整个生命周期里,只执行一次
- onShow页面的整个生命周期里,可执行多次,即每次显示都会执行
- 获取参数并且只请求一次的事件放在 onLoad 里。
- 当前页面需要时时刷数据的请求多次的事件放在 onShow 里。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
2020-06-28 el-date-picker 组件时间格式化方式
2020-06-28 Vue+Element前端导入导出Excel
2020-06-28 vue单元测试