99麻豆久久久国产免费福利精品,国产精品成人国产乱,玖玖操,手机看片169,国产精彩视频在线观看,午夜亚洲福利视频,国产伦乱视频

龍巖易富通網(wǎng)絡(luò )科技有限公司

龍巖小程序開(kāi)發(fā),龍巖分銷(xiāo)系統

uniapp中onLaunch和onload的先后執行順序

2023.06.02 | 2281閱讀 | 0條評論 | 小程序

onLaunch與onload分別是APP生命周期與頁(yè)面生命周期,理論上應該先執行onLaunch 后執行頁(yè)面生命周期onLoad。然而實(shí)際上并非如此,在執行onlaunch的同時(shí),也會(huì )執行onLoad生命周期,而在實(shí)際開(kāi)發(fā)中往往需要優(yōu)先執行onlaunch后再執行onLoad,因此可以使用當前方法解決。

一、main.js添加如下代碼?

代碼如下(示例)

// 讓頁(yè)面的 onLoad 在 onLaunch 之后執行

Vue.prototype.$onLaunched = new Promise(resolve => {

    Vue.prototype.$isResolve = resolve

})


二、在 App.vue 的 onLaunch 中增加代碼 this.$isResolve();

代碼如下(示例):

//app.vue生命周期中,onlaunch執行時(shí),執行this.$isResolve()

onLaunch () {

        //發(fā)送請求

    uni.request({

        success: loginRes => {       

            // 業(yè)務(wù)邏輯

            // ...

            // 當執行完業(yè)務(wù)邏輯,需要同步onload時(shí),調用一下

            this.$isResolve()           

        }

    })

}


三、在頁(yè)面 onLoad 中增加代碼 await this.$onLaunched;

代碼如下(示例):

//onLoad 生命周期函數前,加async/await,用此方法同步執行順序

        async onLoad() {

               //async/await,當執行完APP生命周期中的onlaunch,再執行頁(yè)面中的業(yè)務(wù)邏輯

               await this.$onLaunched;

              

               //執行頁(yè)面中的業(yè)務(wù)邏輯

               //...

        },


個(gè)人理解

1先給onLaunch方法套一個(gè)promise實(shí)例,執行成功后再執行全局掛載的方法,標識當前已經(jīng)執行完畢。
2.在頁(yè)面中利用async/await 同步執行代碼的方法,實(shí)現onLaunch 在 onLoad 之后執行


版權屬于:瞭月

本文鏈接:https://www.lervor.com/archives/128/


贊 (

發(fā)表評論

和林格尔县| 金溪县| 读书| 璧山县| 定结县| 高邑县| 武陟县| 泰安市| 巨野县| 黄浦区| 芷江| 隆昌县| 泰宁县| 石狮市| 岳阳县| 嘉义县| 林甸县| 武威市| 太仆寺旗| 吴旗县| 阿勒泰市| 北川| 聊城市| 张家口市| 柳林县| 佛学| 宁陵县| 连云港市| 白城市| 彰化县| 赤壁市| 古浪县| 绥江县| 洛川县| 花垣县| 龙川县| 鄄城县| 茌平县| 时尚| 汕头市| 仪陇县|