uniapp生命周期onload
时间: 2023-09-28 11:11:51 浏览: 216
uniapp的生命周期中没有 `onload` 这个方法。但是,uniapp中有类似的生命周期函数 `onLoad`,它是在页面加载时触发的。
`onLoad` 生命周期函数在uniapp中的页面组件中使用。当页面被加载时,`onLoad` 函数会被调用。你可以在这个函数内执行一些初始化操作,或者获取一些数据。在 `onLoad` 中,你可以通过 `this` 关键字来访问页面组件的数据和方法。
以下是一个示例代码:
```vue
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onLoad() {
console.log('页面加载完成');
// 执行一些初始化操作或获取数据
},
}
</script>
```
请注意,`onLoad` 只在页面初始化时触发一次,如果你需要在每次页面显示时都执行一些操作,可以使用 `onShow` 生命周期函数。
相关问题
uniapp生命周期
uni-app是一种跨平台的应用开发框架,它支持一系列的生命周期函数。在uni-app中,有应用生命周期函数和页面生命周期函数。
应用生命周期函数包括:
- onLaunch:当uni-app初始化完成时触发,全局只触发一次。
- onShow:当uni-app启动,或从后台进入前台显示时触发。
- onHide:当uni-app从前台进入后台时触发。
- onError:当uni-app报错时触发。
页面生命周期函数包括:
- onLoad:监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)。
- onShow:监听页面显示。页面每次出现在屏幕上都会触发,包括从下级页面返回露出当前页面。
- onReady:监听页面初次渲染完成。
- onHide:监听页面隐藏。
- onUnload:监听页面卸载。
此外,还有一个特殊的页面生命周期函数:
- onPageNotFound:当实际已经打开了页面(比如通过分享卡片、小程序码)但发现页面不存在时触发。注意,通过api跳转到不存在的页面不会触发该函数。
以上是uni-app的生命周期函数的一些说明和示例代码。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [uni-app —— uni-app的生命周期](https://blog.csdn.net/Bonsoir777/article/details/127895952)[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^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp生命周期](https://blog.csdn.net/qq_59076775/article/details/123314119)[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^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [uni-app 生命周期](https://blog.csdn.net/YWW_ABC/article/details/121720505)[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^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
uniApp生命周期
uniApp生命周期包括应用生命周期和页面生命周期两部分。应用生命周期包括onLaunch、onShow、onHide、onError等方法,而页面生命周期包括onLoad、onShow、onReady、onHide、onUnload等方法。具体解释如下:
1. 应用生命周期:
- onLaunch:应用初始化时触发,全局只触发一次。
- onShow:应用启动或从后台进入前台显示时触发。
- onHide:应用从前台进入后台时触发。
- onError:应用发生脚本错误或 API 调用失败时触发。
2. 页面生命周期:
- onLoad:页面加载时触发,只触发一次。
- onShow:页面显示时触发。
- onReady:页面初次渲染完成时触发。
- onHide:页面隐藏时触发。
- onUnload:页面卸载时触发。
需要注意的是,uniApp的生命周期与Vue的生命周期有所不同,需要开发者注意区分。同时,uniApp的生命周期也与小程序的生命周期有所不同,需要开发者根据实际情况进行调整。
阅读全文
相关推荐

















