在uniapp和微信小程序中onshow和onload的区别

已于 2023-11-09 18:05:42 修改
阅读量1.1k 收藏
点赞数
分类专栏： uniapp 文章标签： uni-app 微信小程序 小程序
于 2023-11-09 18:05:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65069237/article/details/134317624
版权

在uni-app框架中，是两个页面级别的生命周期函数

onLoad：页面加载时调用，可以获取参数，通过options，但是只调用一次，onLoad"适合进行页面初始化操作”

onshow：

  • "onShow"生命周期函数在页面显示或从后台切换至前台时触发。

  • 每次页面显示或从后台切换至前台时都会调用"onShow"。

  • 它适合处理需要在页面显示时进行的操作，例如更新数据、启动定时器等

简单来说就是页面显示时调用(启动/页面从隐藏到启动)，可调用多次。

优先级：onload>onshow，onload先触发，onshow后触发

荀鼠不是鼠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app组件 子组件onLoad、onReady事件无效
肥晨开发的学习之路
07-05 602
最终将onLoad，onReady换成mounted/created 替代解决了问题。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。突然发现在项目中，组件 子组件的onLoad、onReady事件无效。打印也出不来值 怎么处理呢？
小程序onLoad 和 onShow
涂涂
06-21 696
onLoad 和 onShow 是小程序页面的生命周期函数，它们在不同的时机触发，具有不同的用途和执行顺序。（2）用于页面的初始化操作，例如获取页面参数（通过 options 参数获取）和其他一次性的设置。注意：从二级页面返回该页面时，onLoad 不会再次加载，而 onShow 会重新执行。（2）页面每次出现在屏幕上都会触发，包括从下级页面返回露出当前页面。（1）onShow 在页面显示或切入前台时触发，可能会多次执行。（1）onLoad 在页面加载时触发，仅执行一次。
uniapp和微信小程序的区别
xybhua的博客
01-29 6654
uniapp写法：uni.request，uni.showModal、uni.showToast、uni.showLoading、uni.chooseImage、uni.switchTab、uni..navigateo、uni.setStorageSync等等。原生写法：wx.request、wx.showModal、wx.showToast、wx.showLoading、wx.chooseImage、wx.switchTab、wx.navigateo、wx.setStorageSync等等。
【uniapp微信小程序】uniapp微信小程序——页面通信
九日的博客
07-10 715
在 uniapp 应用中创建一个专门用于管理页面之间事件通信的事件总线。这种方式在逻辑复杂、需要频繁通信的情况下非常实用。// 页面A 发送事件// 页面B 监听事件// 输出 some data});
uniapp与微信小程序的区别
m0_57484291的博客
07-09 8625
在微信小程序的平台上，uniapp与微信小程序的基础用法除了语法外基本一致。最近在用uniapp做小程序项目，发现了一些语法区别。 点击事件 微信小程序：bindtap uniapp：@click 函数传参事件 微信小程序: <view bindtap="click" data-id="id"></view> uniapp:<view @click="click(id)"></view> ...
uniapp构建微信小程序
shisanxiang_的博客
03-29 871
项目目录。
uniapp中微信小程序和H5相互跳转及传参（webview）
热门推荐
blackhub的博客
06-23 1万+
前言：在单位做项目的时候碰到一个需求，需要从微信小程序跳转到H5页面，这两个端都是使用uniapp编写的，查资料后决定使用webview来嵌入完成，然后考虑到还可能有参数（数据）需要传递，所以实现后记录一下...
我在使用uniapp开发微信小程序中遇到的问题的解决方法（持续更新）
m0_64849478的博客
04-09 192
我在使用uniapp开发微信小程序中遇到的问题的解决方法（持续更新）
前端uniapp、微信小程序面试题整理
m0_62720648的博客
04-21 1552
使用wx.setStorageSync(key, value)将目标页面需要的数据存储到本地浏览器缓存中，在目标页面使用getStorageSync(key)的方式将数据又重缓存中读取出来，一般用于存储token，详情信息等。适用于父子组件间的数据传输和通信，子组件通过this.$emit(name, value)方法传递数据给父组件，父组件在子组件上自定义一个事件，就可以监听并接收子组件传递过来的数据。onShow 监听页面显示，触发onShow，页面显示，此时可以请求数据。4.全局的自定义事件。
uniapp开发微信小程序保存图片或视频到本地相册（手指放大）
feiyu的博客
04-22 382
点击图片或视频进入的预览页面。
微信小程序onLaunch异步，首页onLoad先执行?
03-29
本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。   //app.js App({ onLaunch: ...
uniapp修改微信头像加边框加文字
07-11
- **微信API**：如果要在微信小程序中分享带边框和文字的头像，可以使用wx.canvasToTempFilePath生成临时文件路径，然后调用微信的分享接口。 6. **动态更新UI** - **Vue数据绑定**：利用Vue的data和props，将...
模仿今日头条(微信小程序源代码)
06-09
本项目"模仿今日头条"是基于微信小程序框架构建的一个资讯类应用，旨在复刻今日头条的核心功能，如新闻浏览、分类搜索、个性化推荐等，帮助开发者学习和理解微信小程序的开发流程与技术要点。 一、小程序框架基础 ...
微信小程序-页面配置-顶部导航栏背景色渐变
11-29
在微信小程序开发中，页面配置是一项关键任务，它关乎到用户体验和整体应用的视觉一致性。本主题主要聚焦于“微信小程序-页面配置-顶部导航栏背景色渐变”，旨在实现自定义tabBar页面的顶部导航栏，同时确保该导航栏...
微信小程序按钮点击跳转页面详解
11-28
总之，微信小程序中按钮点击跳转页面是通过结合WXML、WXSS和JS来实现的，理解这三个层面的功能以及它们之间的协同工作至关重要。正确配置`app.json`，合理编写事件处理函数，并根据业务需求选择合适的页面跳转方法，...
uni-app声生命周期
最新发布
蚂蚁搬家
07-25 441
tabbar的页面展示过一次后就保留在内存中，再次切换tabbar页面，只会触发每个页面的onShow，不会再触发onLoad.onLoad:监听页面加载，其参数为上个页面传递的数据，参数类型为Object，只加载一次。onShow:监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。onLaunch:当uni-app初始化完成时触发（全局触发一次）onShow:当uni-app启动，或从后台进入前台时显示。onReady:监听页面初次渲染完成，只加载一次。
2024最新Uniapp的H5网页版添加谷歌授权验证
松之宅
07-24 557
现在教程不少，但是自从谷歌升级验证之后，以前的老教程就失效了，现在写一个新教程以备不时之需。clientID的申请方式我就不再进行赘述了，其他的教程上面都有，我这边只提供最重要的东西。由于众所周知的特殊原因，开发的时候一定注意网络环境，如果没有梯子是无法进行开发的哦~1、要在html文件中导入谷歌的js文件。你需要将他放到你代码中合适的位置。5、以下代码放到onReady中。3、复制以下代码放在合适的位置。2、将html设置为模板。4、调用谷歌验证的代码。注意：没有梯子不显示。
uniapp+vue微信小程序项目中实现手机号授权登录
郭宝的博客
07-22 529
一般拿到code、encryptedData、iv数据以后，会将该数据传给后台，后台验证后会返回当前用户信息。
微信小程序uniapp
07-28
微信小程序uni-app是一个使用Vue.js开发的框架，可以将开发者编写的一套代码发布到iOS、Android、Web以及各种小程序平台，如微信、支付宝、百度等。uni-app支持跨平台开发，开发者可以使用uni-app开发微信小程序，并将其发布到微信平台上。uni-app提供了丰富的生命周期函数，包括app、page和component三个构造器的声明周期函数。具体的生命周期函数包括：\[2\] - app生命周期函数：onLaunch、onShow、onHide、onError等。 - page生命周期函数：onLoad、onShow、onHide、onUnload等。 - component生命周期函数：created、attached、ready、detached等。 通过使用这些生命周期函数，开发者可以在不同的阶段执行相应的操作，实现更加灵活和高效的开发。 #### 引用[.reference_title] - *1* [uniapp微信小程序系列（1）基础与入门](https://blog.csdn.net/zeping891103/article/details/126952270)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序+uni-app知识点总结](https://blog.csdn.net/liuliuhhxxttxs/article/details/128028711)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uniapp开发微信小程序，从构建到上线](https://edu.csdn.net/skill/mini_programs/mini_programs-31ee2719d0214d4a875a82607d1071e5)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值