当前位置:网站首页>uni-app进阶之生命周期
uni-app进阶之生命周期
2022-07-28 09:54:00 【华为云】
uni-app进阶之生命周期

Uni app支持以下应用程序生命周期功能:
注意一下:
Ontabitemtap通常用于单击当前选项卡项以滚动或刷新当前页面。如果单击其他选项卡项,将触发页面切换。
如果您想单击应用程序端的选项卡项而不跳转到页面,则不能使用ontabitemtap。您可以使用plus nativeObj。视图放置一个块来覆盖原始选项卡项,并截取单击事件。
支付宝小程序平台ontabitemtap是在单击非当前选项卡项后触发的,因此它不能用于单击返回顶部
onTabItemTap : function(e) { console.log(e); // e的返回格式为json对象: {"index":0,"text":"首页","pagePath":"pages/index/index"}},1、uni app framework的生命周期结合了Vue和微信applet的生命周期
2、Onlaunch在全局应用程序中用于指示应用程序何时启动
3、在页面中使用onload或Onshow分别指示何时加载页面和何时显示页面
4、安装安装在组件中的组件时
app.vue:
onLaunch: function() { console.log('App Launch 应用启动') },其实这里只键入了“应用启动”四个字,应用被触发了
然后,在运行过程中,您可以看到首先显示“应用程序启动”,然后显示“页面加载完成”
情况仍然如此。实验的第二个生命周期Onshow仍然是一样的
但是在第三个实验中,我们可以尝试在插件上安装生命周期,我们会发现它可以成功运行
<script> export default { onLoad(){ console.log("my-form onLoad"); }, mounted() { console.log("myform mounted"); } }</script>页面周期
1.onload(侦听页面加载)
2.onshow(监听页面显示)
3.onready(完成侦听页面的第一次呈现)
4.onhide(隐藏监听页面)
5.onunload:卸载侦听页面
6.onresize:监视器窗口大小更改
7.onpulldownrefresh:侦听用户下拉操作。通常用于下拉刷新
onBackPress 回调参数对象:
export default { data() { return {}; }, onBackPress(options) { console.log('from:' + options.from) }}边栏推荐
- office2013以上输入数学公式
- 房地产数字化转型方案:全方位数智化系统运营,助力房企管控实效提升
- 13 probability distributions that must be understood in deep learning
- ASP. Net core 6 framework unveiling example demonstration [29]: building a file server
- 广州地铁14号线新市墟站开建,白云区居民即将开启双线换乘模式!
- Openatom openharmony sub forum, see you today at 14:00! Wonderful release of memorabilia attached
- vc链接静态库的时候要注意的问题
- 小黑重新站起来看leetcode:653. 两数之和 IV - 输入 BST
- 【Gradle】This version of the JMH Gradle plugin requires Gradle 6+, you are using 6.6.
- PHP7 中 ?? 与? :的区别
猜你喜欢

Redis interview questions must be known and learned

为报复公司解雇,我更改了项目的所有代码注释!

工业品MRO采购网站有哪些优势?一文带你读懂

Being on duty less than 8 hours a day and being dismissed? Tencent's former employees recovered 13million overtime pay, etc., and the court won a compensation of 90000 in the final judgment

高温持续,公交企业开展安全专项培训

pkg打包node工程

Thinking and summary of technical personnel | R & D Efficiency

OSPF的LSA及优化

我用小程序容器让移动研发效率提升了5倍!
![[esp32][esp idf] esp32s3 quickly build lvglv7.9](/img/39/8efef047d0a9223b97819a54b5edf8.png)
[esp32][esp idf] esp32s3 quickly build lvglv7.9
随机推荐
j s的数组方法,循环
为什么要考一级建造师,一建证书含金量有多高?
Array method of J S, loop
ES6新特性
In the era of home health diagnosis, Senzo creates enhanced lateral flow test products
pkg打包node工程
Flink - checkpoint Failure reason: Not all required tasks are currently running
Data can't lie. Plato farm is the leader of the meta universe
Irregular area of OSPF, LSA and serial number
Function introduction and description of @jsontype annotation in fastjson
二分、三分、01分数规划【第III弹】
B2B2C系统亮点是什么?如何助力珠宝首饰企业打造全渠道多商户商城管理体系
Digital construction of pharmaceutical industry is on the verge
【FPGA教程案例41】图像案例1——通过verilog读取图片
第四步-用户开发环境设置
Holy Grail of web and double wing layout, float, clear, both
PHP 获取接口的方式
Install lamp under deepin
PHP Basics
并查集