天天看點

vue路由跳轉回來立即重新整理頁面,拿到的資料沒變化的問題

說一下,我的問題,純屬菜鳥成長記錄

背景:

有A,B兩個元件之間路由跳轉,A為首頁,B為 增加顯示内容的編輯頁面

A的内容通過mounted鈎子使用axios得到資料,B可以修改A的内容送出時也發個axios将修改資料放到資料庫,

送出按鈕按下的同時,B是立即跳回A頁面的, 因為A的axios放在mounted鈎子,是以是會重新從資料庫拿到修改好的資料的,

問題:

mounted正常跑,頁面并沒有變化

找問題:

下面還是踩坑的猜測:

一、以為是axios為異步操作,是以還沒等資料拿到就渲染了

二、 以為了兩天後,又來第二個以為,以為是vue的響應式渲染問題,說什麼數組,對象的直接索引修改vue檢測不到資料的變化,要用(對象: Vue.set() 數組: push()等才能檢測到),

三、正真原因,是B頁面送出和傳回是一相對短時間進行的,還沒資料庫還沒重新整理,我已經傳回A并且開始axios請求了,是以這時拿到的是還沒重新整理的資料,最後搞了個延遲請求就拿到了

繼續閱讀