Uni-app 生命周期

时间:2022-05-27 21:18:01   收藏:0   阅读:16

【应用生命周期】

Uni-App支持的应用生命周期函数如下:

【onLanch】 初始化完成时触发

【onShow】启动,或从后台进入前台

【onHide】从前台进入后台

【onUniNViewMessage】对nvue页面发送数据进行监听

【onError】报错时触发

【onPageNotFound】页面找不到时

 

 

具体的操作可以在App.Vue的脚本里面去编辑,自定义这些函数

 

注意:

在微信开发者工具中打开项目的时候,要将项目路径切换到/unpackage/dist/dev/mp-weixin

 

【页面生命周期】

在自定义的HelloWorld.vue上声明一些方法

methods: {
            onLoad(){
                console.log("加载完成");
            },
            onShow(){
                console.log("展示");
            },
            onReady(){
                console.log("渲染完成");
            },
            onHide(){
                console.log("隐藏");
            },
            onPageScroll(){
                console.log("页面滚动");
            },
            onShareAppMessage(){
                console.log("点击分享");
            },
            onShareTimeline(){
                console.log("分享到朋友圈");
            },
            onAddToFavorites(){
                console.log("收藏");
            },
            onUnload(){
                console.log("页面关闭");
            },
            onBackPress(){
                console.log("页面返回");
            }
        }

 

做相应操作就会触发事件。

 

原文:https://www.cnblogs.com/AduBlog/p/15350683.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!