当前位置:网站首页>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)
}
}
边栏推荐
- Numpy中np.meshgrid的简单用法示例
- [mysql improves query efficiency] Mysql database query is slow to solve the problem
- matlab simulink欠驱动水面船舶航迹自抗扰控制研究
- matlab abel变换图片处理
- 对list集合进行分页,并将数据显示在页面中
- 关于superset集成到自己的项目中
- Flask-based three-party login process
- Anaconda配置环境指令
- 剑指offer基础版 ----- 第25天
- Simple read operation of EasyExcel
猜你喜欢
随机推荐
数据库上机实验4 数据更新和视图
C语言教程(二)-printf及c自带的数据类型
基于flask的三方登陆的流程
STM32 - DMA
数据库上机实验5 数据库安全性
对list集合进行分页,并将数据显示在页面中
Swordsman Offer Special Assault Edition --- Day 3
matlab simulink欠驱动水面船舶航迹自抗扰控制研究
numpy和pytorch中的元素拼接操作:stack,concatenat,cat
MySQL8.0安装教程,在Linux环境安装MySQL8.0教程,最新教程 超详细
第7章 网络层第3次练习题答案(第三版)
【MySQL8入门到精通】基础篇- Linux系统静默安装MySQL,跨版本升级
Flask-based three-party login process
[Introduction to MySQL 8 to Mastery] Basics - silent installation of MySQL on Linux system, cross-version upgrade
账号或密码多次输入错误,进行账号封禁
On-line monitoring system for urban waterlogging and water accumulation in bridges and tunnels
C语言实验五 循环结构程序设计(二)
剑指offer专项突击版 ---- 第 6 天
再见了繁琐的Excel,掌握数据分析处理技术就靠它了
Interviewer, don't ask me to shake hands three times and wave four times again