文章詳情頁(yè)
javascript - axios請(qǐng)求回來(lái)的數(shù)據(jù)組件無(wú)法進(jìn)行綁定渲染
瀏覽:100日期:2023-02-28 18:35:26
問(wèn)題描述
我從接口請(qǐng)求回來(lái)的數(shù)據(jù)賦值給data中定義的空對(duì)象wholedata,在頁(yè)面中寫標(biāo)簽循環(huán)可以遍歷出數(shù)據(jù),但是給組件的就無(wú)法渲染,加了<li v-for=’item in wholedata.materials.opt’></li>就可以出數(shù)據(jù),錯(cuò)誤依舊存在,不加這個(gè)就數(shù)據(jù)也不出 加了v-if=’wholedata’這樣也不出數(shù)據(jù),因?yàn)槌跏汲鰜?lái)是個(gè)空對(duì)象求大神指導(dǎo)!!!
問(wèn)題解答
回答1:修改 data 中的初始數(shù)據(jù)格式即可。
data () { return { wholedata: { materials: {opt: [] } } }}
只要初始時(shí)定義好對(duì)象的屬性,Vue 就能監(jiān)測(cè)到數(shù)據(jù)變更,初始時(shí)也可以直接通過(guò)形如 v-for item in x.y.z 的方式來(lái)遍歷數(shù)據(jù)了。
回答2: 標(biāo)簽:
JavaScript
相關(guān)文章:
1. javascript - Web微信聊天輸入框解決方案2. angular.js - angular ng-class里面的引號(hào)問(wèn)題3. docker - 如何修改運(yùn)行中容器的配置4. javascript - log4js的使用問(wèn)題5. javascript - 為什么form表單提交沒(méi)有跨域問(wèn)題,但ajax提交有跨域問(wèn)題?6. javascript - 有沒(méi)有什么好的圖片懶加載的插件,需要包含監(jiān)聽(tīng)頁(yè)面滾動(dòng)高度,然后再加載的功能7. javascript - history.replaceState()無(wú)法改變query參數(shù)8. 網(wǎng)頁(yè)爬蟲(chóng) - 用Python3的requests庫(kù)模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?9. javascript - 移動(dòng)端textarea不能上下滑動(dòng),該怎么解決?10. javascript - Ajax加載Json時(shí),移動(dòng)端頁(yè)面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?
排行榜

熱門標(biāo)簽