亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

uni-app的h5頁面中onHide/onUnload方法不觸發(fā)的問題解決方法

 更新時(shí)間：2023年12月27日 08:23:35   作者：洛千隕  
uni-app的頁面的生命周期包括onInit、onLoad、onShow、onReady、onHide和onUnload等幾個(gè)階段,這篇文章主要給大家介紹了關(guān)于uni-app的h5頁面中onHide/onUnload方法不觸發(fā)的問題解決方法,需要的朋友可以參考下

背景

  • 目的：對(duì)h5頁面進(jìn)行埋點(diǎn)過程中，需要對(duì)頁面瀏覽時(shí)長進(jìn)行統(tǒng)計(jì)，通過生命周期的監(jiān)聽上傳埋點(diǎn)日志
  • 預(yù)設(shè)方案：通過個(gè)頁面的onShow/onHide/onUnload生命周期對(duì)頁面的展示/隱藏/銷毀進(jìn)行監(jiān)聽
  • 問題：僅在首頁正常觸發(fā)生命周期，通過跳轉(zhuǎn)進(jìn)入的其他頁面的onShow正常觸發(fā)，onHide與onUnload不觸發(fā)

解決過程

  • 推測原因：通過路由跳轉(zhuǎn)的頁面屬于二級(jí)頁面，而onHide與onUnload生命周期僅在一級(jí)頁面中存在

解決方法

  • 二級(jí)頁面：
    • onShow：正常使用該生命周期監(jiān)聽頁面顯示，包括后臺(tái)進(jìn)前臺(tái)與路由跳轉(zhuǎn)進(jìn)入
    • destroyed：用組件生命周期代替onHide與onUnload，監(jiān)聽路由跳轉(zhuǎn)離開
  • app.vue：
    • onHide：應(yīng)用生命周期對(duì)整個(gè)應(yīng)用的前臺(tái)進(jìn)入后臺(tái)進(jìn)行監(jiān)聽，通過url區(qū)分不同頁面的埋點(diǎn)日志上傳

示例代碼

// 一級(jí)頁面-首頁
onShow() {
    this.$$DI.track('enter_page', {
        page_name: '首頁'
    })
},
onHide() {
    this.$$DI.track('leave_page', {
        page_name: '首頁'
    })
},
onUnLoad() {
    this.$$DI.track('leave_page', {
        page_name: '首頁'
    })
},

// 二級(jí)頁面
onShow() {
    this.$$DI.track('enter_page', {
        page_name: 'a頁面'
    })
},
destroyed() {
    this.$$DI.track('leave_page', {
        page_name: 'a頁面'
    })
}

// app.vue
onHide() {
    let page_name
    // 根據(jù)需要監(jiān)聽的頁面路由進(jìn)行判斷添加
    if(window.location.href.includes('basic')) page_name = 'a頁面'
    if(page_name) {
        this.$$DI.track('leave_page', {
            page_name
        })
    }
},

總結(jié) 

到此這篇關(guān)于uni-app的h5頁面中onHide/onUnload方法不觸發(fā)的問題解決方法的文章就介紹到這了,更多相關(guān)uni-app onHide/onUnload方法不觸發(fā)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論