微信小程序 uniapp onshow 功能介绍
最编程
2024-07-13 14:01:51
...
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()
上一篇: 基于 uniapp 的旅游景点入口微信预约系统小程序 0220o
下一篇: C(指针)单元练习
推荐阅读
-
微信小程序:实战聊天功能,带详细代码、截图与注释
-
用科技驱动的智能自选餐点系统 (基于SpringBoot, MP, Vue, 微信小程序, JNI, ncnn及YOLOX-Nano)-第五部分:技术详解与介绍
-
【愚公行动计划】2022年3月微信小程序里的FormData功能介绍
-
智慧医院智能导诊系统源码,智能导诊小程序源码,采用前端框架:Uniapp+后端框架:springboot+移动端:微信小程序,H5自主研发
-
微信小程序自动化测试 -微信小程序云测试服务!-丰富的自动化功能
-
微信小程序七日体验--第五天:你可能要在登录功能上花大力气了
-
微信小程序 uniapp onshow 功能介绍
-
基于 uniapp 的旅游景点入口微信预约系统小程序 0220o
-
微信小程序实现问答功能
-
微信小程序 uniapp 奶茶点餐系统 r4112