Vue 時間週期的非同步問題

2021-10-18 23:00:36 字數 350 閱讀 1150

vue含有多個時間週期,近期在通過axios獲取網路資料時出現如下問題:我的獲取資料方法在created中呼叫並將資料解析和賦值給this,在mounted中呼叫echarts進行初始化,然而初始化的echarts的時候出現無法獲取已經賦值的資料問題,但在頁面載入完畢後,資料可以在頁面顯示,只是由於echarts初始化失敗,故除了echarts以外的介面正常顯示。

在無限嘗試後發現,這是由於非同步請求的問題,created中發起網路請求後,vue會繼續執行beforemounted等鉤子函式,而如果網路請求時間較長,就會導致mounted中獲取不到資料的問題。

解決方法:在網路請求的then()後面對echarts進行初始化,這樣就保證了資料的一致性。

vue 非同步資料更新問題

記錄一下出現的問題,資料翻倍 這是復現問題的 data methods console.log 此時的this.allresult this allresult watch mounted 結果 此時你可以看到第二次的資料時 是 第一次的 2倍 mounted 和 watch 都執行 getmess...

關於vue時間處理的問題

引入自己的處理時間文件 來解決main中寫大量處理時間的問題 export default function dateformat date,format date new date date if date date.toutcstring invalid date var map format ...

Vue的非同步元件

建議使用webpack browserify在預設情況下不支援 首先上官網說明 非同步元件 雖然說明是沒問題的,但是示例中的寫法怪怪的,不符合一般新手學習者在實際使用中的習慣。嗯,換句話說,這段 告訴你,通過這種方式引入非同步元件,然後他漏掉了一些內容,比如說賦值,如何使用之類。官方示例 vue.c...