javascript - axios請求回來的數據組件無法進行綁定渲染

問題描述

我從接口請求回來的數據賦值給data中定義的空對象wholedata,在頁面中寫標簽循環可以遍歷出數據，但是給組件的就無法渲染，加了<li v-for=’item in wholedata.materials.opt’></li>就可以出數據，錯誤依舊存在，不加這個就數據也不出 加了v-if=’wholedata’這樣也不出數據，因為初始出來是個空對象求大神指導！?。?img alt='javascript - axios請求回來的數據組件無法進行綁定渲染' src=''http://www.wxshucaidpc.com/wenda/php/' target='_blank'php/a.cn/upload/image/000/000/000/cb5b3c8f6c269354da448f218a1ffc25-0.png'>

問題解答

修改 data 中的初始數據格式即可。

data () { return { wholedata: { materials: {opt: [] } } }}

只要初始時定義好對象的屬性，Vue 就能監測到數據變更，初始時也可以直接通過形如 v-for item in x.y.z 的方式來遍歷數據了。