uni app生命週期小測

2022-02-21 15:08:41 字數 325 閱讀 2456

最近在開發乙個需求,在元件中使用了onload生命週期,導致一直未生效的問題。

在平時開發專案中,頁面和元件的寫法是一模一樣的,初看我以為所有元件都會有頁面生命週期和vue自帶的生命週期,其實不然,只能當vue元件當頁面使用時,才會有頁面生命週期,而且當通過導航欄的返回鍵返回時,頁面的onhide生命週期是不會觸發的,只會觸發onunload。

在元件裡使用生命週期時,使用vue自帶的生命週期即可。

既然踩到這坑了,那何不做個簡單測試。

// index.vue關鍵測試**如下// 子元件helloworld的關鍵測試**如下非頁面的vue元件只會觸發了屬於vue的生命週期

uniapp 生命週期

應用生命週期函式 頁面生命週期函式 onload 監聽頁面載入,其引數為上個頁面傳遞的資料,引數型別為object 用於頁面傳參 觸發一次 onshow 監聽頁面顯示。頁面每次出現在螢幕上都觸發,包括從下級頁面點返回露出當前頁面 onready 監聽頁面初次渲染完成。注意如果渲染速度快,會在頁面進入...

小程式 生命週期

page 生命週期函式 監聽頁面載入 onload function options 生命週期函式 監聽頁面初次渲染完成 onready function 生命週期函式 監聽頁面顯示 onshow function 生命週期函式 監聽頁面隱藏 onhide function 生命週期函式 監聽頁面解...

小程式生命週期

小程式分為應用 頁面和元件三個部分,所以小程式的生命週期涉及以下 onlaunch function options onshow function options onhide function onerror function msg onpagenotfound function res gl...