鍍金池/ 問答/HTML/ vue父子傳值如何在ajax之后傳值

vue父子傳值如何在ajax之后傳值

小白首先我不知道是不是思路有問題，或者是想偷懶的，我準備在父組件調(diào)取ajax，然后把ajax的數(shù)據(jù)分別發(fā)送到對應的子組件中，一次性ajax，就不再其他組件中調(diào)取了。但是我發(fā)現(xiàn)ajax因為異步的原因，首次加載傳值會空？？難道要用async:false同步加載嗎
父組件
clipboard.png

clipboard.png
子組件
clipboard.png
求一下方法 或者給我糾正一下思路

回答
編輯回答
未命名

this指向問題。
axios.then 的回調(diào)函數(shù)里this指向的不是 Vue 實例，改箭頭函數(shù)形式。

2018年6月9日 06:01
編輯回答
壞脾滊

在子組件上用 v-if="flag"控制，flag標志異步數(shù)據(jù)成功取到

2017年3月10日 07:46
編輯回答
祉小皓

這里有幾個問題：
1、ajax 的成功回調(diào)里面的 this 發(fā)生了變化，造成你 this.seller = data.data.seller 并沒有賦值給賦組件的 seller 屬性。用尖頭函數(shù)解決。
2、因為你截圖不全，我不知道你賦組件的 data 方法返回的對象里面是否有定義 seller 和 message 屬性。如果沒有，則不會有響應式變化，即使你后面做了 this.seller = data.data.seller 之后，也不會響應式同步到自組件中去。所以這兩個屬性需要在賦組件中提前申明。
3、如果提前申明了是null 或者其他的假值，自組件在 mounted 的時候 ajax 還沒有回來，當然也會是空的，這里可以在父組件中對自組件加一個 v-if 來條件式渲染。 <top v-if="seller && message" :totop="seller" :message="num"></totop>
4、為什么賦組件的 ajax 要在 created 里面去發(fā)，明顯可以在 beforeCreate 鉤子里面去做?？梢詼p少用戶等待時間，是一種優(yōu)化策略。
5、一般 ajax 的發(fā)送，會被抽象到一個統(tǒng)一的 API 文件中，做統(tǒng)一的分層管理，而不是散落在各個組件中。

這位客官，對 this 的理解還不夠，let _this = this 這種寫法，就好像在 2018 年寫 02 年的 table 布局。

2017年7月2日 17:59