uniApp页面钩子函数

应用生命周期
详细地址：https://uniapp.dcloud.io/collocation/frame/lifecycle应用生命周期仅可在App.vue中监听，在其它页面监听无效。
函数  说明
onLaunch                当uni-app 初始化完成时触发（全局只触发一次）
onShow                  当 uni-app 启动，或从后台进入前台显示
onHide                  当 uni-app 从前台进入后台
onError                 当 uni-app 报错时触发
onUniNViewMessage       对 nvue 页面发送的数据进行监听，可参考 nvue 向 vue 通讯
onUnhandledRejection    对未处理的 Promise 拒绝事件监听函数（2.8.1+）
onPageNotFound          页面不存在监听函数
onThemeChange           监听系统主题变化页面生命周期
函数名 说明
onLoad  监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）
onShow  监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
onReady 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
onHide  监听页面隐藏
onUnload    监听页面卸载
onResize    监听窗口尺寸变化 App、微信小程序
onPullDownRefresh   监听用户下拉动作，一般用于下拉刷新
onReachBottom   页面滚动到底部的事件（不是scroll-view滚到底）
onTabItemTap    点击 tab 时触发，参数为Object
onShareAppMessage   用户点击右上角分享
onPageScroll    监听页面滚动，参数为Object
onNavigationBarButtonTap    监听原生标题栏按钮点击事件，参数为Object
onBackPress 监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；详细说明及使用：onBackPress 详解。支付宝小程序只有真机能触发，只能监听非navigateBack引起的返回，不可阻止默认行为。
onNavigationBarSearchInputChanged   监听原生标题栏搜索输入框输入内容变化事件
onNavigationBarSearchInputConfirmed 监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发。
onNavigationBarSearchInputClicked   监听原生标题栏搜索输入框点击事件
onShareTimeline 监听用户点击右上角转发到朋友圈
onAddToFavorites    监听用户点击右上角收藏
组件生命周期
函数名 说明
beforeCreate    在实例初始化之后被调用
created 在实例创建完成后被立即调用。
beforeMount 在挂载开始之前被调用。
mounted 挂载到实例上去之后调用。
beforeUpdate    数据更新时调用，发生在虚拟 DOM 打补丁之前。
updated 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。
beforeDestroy   实例销毁之前调用。在这一步，实例仍然完全可用。
destroyed   Vue实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。

转载：(6条消息) uniapp 应用/组件生命周期钩子_weixin_44047819的博客-CSDN博客_uniapp钩子函数

uniApp页面钩子函数相关推荐

vue进入页面执行的钩子函数_解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题...
项目需求:图片加载时,当鼠标滚动至当前图片进行加载并加上上滑特效,实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较.但是mounted 钩子函数执行时img图片并未加载出来也就是占位为空,导 ...
uni-app中的生命周期钩子函数
1.应用级(App)生命周期钩子函数--App.vue -- 类似于小程序 onLaunch:应用启动了,每次运行只能执行一次 onShow:应用再次显示出来,每次显示出来都会调用 onHide:应用 ...
vue进入页面执行的钩子函数_vue的钩子函数
钩子函数通过上述测试我们可以知道在beforecreate阶段,对浏览器来说,整个渲染流程尚未开始或者说准备开始,对vue来说,实例尚未被初始化,data observer和 event/watc ...
vue进入页面执行的钩子函数_vue router的钩子函数总结
模块一:全局导航钩子函数 1.vue router.beforeEach(全局前置守卫) beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在每 ...
vue中页面刷新执行哪个钩子函数使用vue钩子函数mounted
本人近日做前端的后台管理系统项目,一个问题一直都没解决,就是页面中查看详情按钮第一次点击进去详情页可以被渲染,回退出来第二次进去钩子函数没有被执行,网上这类问题的解决方法并不多,一直以来都没解决,今天 ...
vue进入页面执行的钩子函数_深入理解Vue 的钩子函数
前言说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子( created , mounted ),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中 ...
Vue钩子函数mounted实现进入页面立即查询的功能案例
Vue的钩子函数:当执行到某一阶段就会执行的方法/函数.就相当于spring中bean的生命周期一样.
VUE页面生命周期钩子函数
预备知识: 1.vue的生命周期生命周期函数,又叫钩子函数生命周期钩子===生命周期函数===生命周期事件 2. 什么是生命周期 Vue实例有一个完整的生命周期,也就是从开始创建.初始化数据. ...
vue的生命周期、uni-app页面生命周期
vue的生命周期 4大阶段8个钩子生命周期在该生命周期发生了什么 beforeCreate 实例刚被创建出来,data,methods还没有初始化 created 实例创建完成,data和meth ...

uniApp页面钩子函数

uniApp页面钩子函数相关推荐

最新文章

热门文章