微信小程式元件生命週期

2022-02-16 23:57:42 字數 614 閱讀 1670

1.a頁面點選跳轉到b頁面,在b頁面操作後a頁面應該發生變化,但是實際上我們點選返回的時候我們發現並沒有重新整理,通過小程式的生命週期函式由onload(頁面載入)、onready(頁面初次渲染完成)、onshow(頁面顯示)、onhide(頁面隱藏)、onunload(頁面解除安裝)五個週期構成。
問題:如果在onshow中執行this.onload(),會導致頁面第一次載入的時候陣列載入兩次!

原因:頁面載入先執行onload,再執行的onshow,就會出現在onload載入一次資料,在onshow中執行this.onload()在載入一次資料。

解決方案:將不需要重新整理的資料放在onload中執行,將需要重新整理的資料放在onshow中執行!

2.對於元件的生命週期沒有onload()、onshow()生命週期的頁面,怎麼對帶有元件頁面的進行頁面重新整理操作?

點選a頁面(帶有元件),進入b頁面,在b頁面操作完成後,同樣回退到a頁面時,我們對a頁面的資料進行重新整理操作。

元件:html:

} 

js:

component(,

ready: function() ,

methods: )}}

})

微信小程式之元件生命週期

元件的生命週期,指的是元件自身的一些函式,這些函式在特殊的時間點或遇到一些特殊的框架事件時被自動觸發。最重要的生命週期是createdattacheddetached,包含乙個元件例項生命流程的最主要時間點。component detached function 以下是舊式的定義方式,可以保持對 2...

微信小程式 生命週期

從三個方面來介紹小程式的生命週期 1.應用生命週期 onlaunch 初始化小程式時觸發,全域性只觸發一次 onshow 小程式初始化完成或使用者從後台切換到前台顯示時觸發 onhide 使用者從前台切換到後台隱藏時觸發 onerror 小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 one...

微信小程式 生命週期

生命週期 1.小程式註冊完成後,載入頁面,觸發onload方法。切記,onshow和onload的區別,onshow是每當進入這個頁面時就會觸發,而onload是載入進來時才觸發 2.頁面載入後觸發onshow方法,顯示頁面。3.首次顯示頁面,會觸發onready方法,渲染頁面元素和樣式,乙個頁面只...