vue、element-ui 后台菜單切換重新請求數據


我們在做后台管理系統時,通常將數據請求掛載到created或mounted鈎子中,但這樣引發的問題是它只會被出發一次,如果不同菜單中數據關聯性較大,切換過程中未及時更新數據,容易引發一些問題,這種情況下,我們可以使用activated函數。

以下為created()/mounted()與activated()區別:

created()/mounted():在創建vue對象時,當html渲染之前/之后就觸發;但是注意,全局vue.js不強制刷新或者重啟時只創建一次,也就是說,created()/mounted()只會觸發一次;

activated():在vue對象存活的情況下,進入當前存在activated()函數的頁面時,一進入頁面就觸發;可用於初始化頁面數據等。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM