微信小程序uniapp onshow函数介绍

onShow()是小程序中的一个生命周期函数,负责页面显示时触发一些任务。

与之相对的还有一个函数onload(),同样也是生命周期函数,二者有以下区别:

1、触发时机

onLoad() 函数只会在页面加载时触发一次;

onShow() 函数每次页面显示时都会被触发。

因此,onLoad() 适用于初始化页面数据和执行一次性操作,而 onShow() 适用于更新页面数据和执行周期性操作,如定时任务、监听数据变化等。

2、参数传递

onLoad() 函数可以获取页面加载时的参数,而 onShow() 函数不能获取页面参数。如果需要获取参数,则使用onLoad。

3、执行顺序

当页面第一次加载时,onLoad() 函数会先于 onShow() 函数执行。

当页面切换时,onShow() 函数会先于 onLoad() 函数执行。

因此,在使用这两个函数时,需要注意它们的执行顺序。

<script>
export default {
  setup() {},
  data() {
    return {
    };
  },
  onLoad() {
    console.log(1)
  },
  onShow(){
    console.log(2)
  },
}
</script>

理解二者的不同就 可以在不同的场景下使用。比如页面加载完成初始化,需要调用后端数据时,使用onload函数;

页面切换时,监测某些数据的变化,或者执行某个定时器等任务时使用onShow()
 

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序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、付费专栏及课程。

余额充值