uni-app进阶之生命周期【day8】

简介: uni-app进阶之生命周期【day8】

uni-app进阶之生命周期

在这里插入图片描述

Uni app支持以下应用程序生命周期功能:

注意一下:
Ontabitemtap通常用于单击当前选项卡项以滚动或刷新当前页面。如果单击其他选项卡项,将触发页面切换。
如果您想单击应用程序端的选项卡项而不跳转到页面,则不能使用ontabitemtap。您可以使用plus nativeObj。视图放置一个块来覆盖原始选项卡项,并截取单击事件。
支付宝小程序平台ontabitemtap是在单击非当前选项卡项后触发的,因此它不能用于单击返回顶部

onTabItemTap : function(e) {
    console.log(e);
    // e的返回格式为json对象: {"index":0,"text":"首页","pagePath":"pages/index/index"}
},
AI 代码解读

1、uni app framework的生命周期结合了Vue和微信applet的生命周期
2、Onlaunch在全局应用程序中用于指示应用程序何时启动
3、在页面中使用onload或Onshow分别指示何时加载页面和何时显示页面
4、安装安装在组件中的组件时

app.vue:

onLaunch: function() {
    console.log('App Launch 应用启动')
        },
AI 代码解读

其实这里只键入了“应用启动”四个字,应用被触发了
然后,在运行过程中,您可以看到首先显示“应用程序启动”,然后显示“页面加载完成”
情况仍然如此。实验的第二个生命周期Onshow仍然是一样的
但是在第三个实验中,我们可以尝试在插件上安装生命周期,我们会发现它可以成功运行

<script>
    export default {
        onLoad(){
            console.log("my-form onLoad");
        },
        mounted() {
            console.log("myform mounted");
        }

    }
</script>
AI 代码解读

页面周期

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)
    }
}
AI 代码解读
目录
打赏
0
0
0
0
154
分享
相关文章
|
10月前
|
深入理解 uni-app 页面生命周期(四)onShareAppMessage
深入理解 uni-app 页面生命周期(四)onShareAppMessage
959 0
|
10月前
|
C++
深入理解 uni-app 页面生命周期(三):onHide vs onUnload
深入理解 uni-app 页面生命周期(三):onHide vs onUnload
745 0
深入理解 uni-app 页面生命周期(二):onReady()
深入理解 uni-app 页面生命周期(二):onReady()
698 0
|
10月前
|
深入理解 uni-app 页面生命周期(一):onLoad vs onShow
深入理解 uni-app 页面生命周期(一):onLoad vs onShow
1417 0
|
10月前
|
iOS开发解释 App 生命周期,包括各个阶段的调用顺序。
iOS开发解释 App 生命周期,包括各个阶段的调用顺序。
121 1
不止步于 vue ,探索 uni-app 的生命周期
不止步于 vue ,探索 uni-app 的生命周期
uiu
316 0
不止步于 vue ,探索 uni-app 的生命周期
简单整理了一下vue、小程序、uni-app的生命周期及其作用
简单整理了一下vue、小程序、uni-app的生命周期及其作用
263 0
Android Studio APP开发入门之活动Activity中启停活动页面的讲解及实战(附源码,包括Activity的启动结束、生命周期、跳转等)
Android Studio APP开发入门之活动Activity中启停活动页面的讲解及实战(附源码,包括Activity的启动结束、生命周期、跳转等)
196 0

热门文章

最新文章