当前位置:网站首页>uni-app进阶之生命周期【day8】
uni-app进阶之生命周期【day8】
2022-07-31 05:10: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)
}
}
边栏推荐
- 剑指offer基础版 ----- 第25天
- 可点击也可直接复制指定内容js
- 【MySQL8入门到精通】基础篇- Linux系统静默安装MySQL,跨版本升级
- Centos7 install mysql5.7
- Unity Framework Design Series: How Unity Designs Network Frameworks
- Tapdata 与 Apache Doris 完成兼容性互认证,共建新一代数据架构
- Paginate the list collection and display the data on the page
- Anaconda配置环境指令
- 实验7 UDP与TCP对比
- 对list集合进行分页,并将数据显示在页面中
猜你喜欢
TOGAF之架构标准规范(一)
Sword Point Offer Special Assault Edition ---- Day 1
docker安装postgresSQL和设置自定义数据目录
基于web3.0使用钱包Metamask的三方登陆
面试官,不要再问我三次握手和四次挥手
Interview Redis High Reliability | Master-Slave Mode, Sentinel Mode, Cluster Cluster Mode
【MySQL8入门到精通】基础篇- Linux系统静默安装MySQL,跨版本升级
剑指offer基础版 ----第31天
mysql5.7.35安装配置教程【超级详细安装教程】
[MQ I can speak for an hour]
随机推荐
Shell重油常压塔模拟仿真与控制
为什么要用Flink,怎么入门使用Flink?
数据库上机实验3 连接查询和分组查询
Kubernetes 证书可用年限修改
The interviewer asked me TCP three handshake and four wave, I really
Data set partitioning and cross-validation
工作流编排引擎-Temporal
再见了繁琐的Excel,掌握数据分析处理技术就靠它了
mysql 的简单运用命令
剑指offer基础版 --- 第21天
剑指offer专项突击版 --- 第 3 天
Lock wait timeout exceeded解决方案
分布式事务——分布式事务简介、分布式事务框架 Seata(AT模式、Tcc模式、Tcc Vs AT)、分布式事务—MQ
Distributed transaction processing solution big PK!
关于superset集成到自己的项目中
C语言教程(二)-printf及c自带的数据类型
Unity mobile game performance optimization series: performance tuning for the CPU side
wx.miniProgram.navigateTo在web-view中跳回小程序并传参
面试官:生成订单30分钟未支付,则自动取消,该怎么实现?
Anaconda configure environment directives