父組件加載子組件，父子組件沒有資料交換，子組件元素完全自己控制。情況是這樣，子組件元素使用v-for從data的陣列中讀取資料，子組件在mounted的nexttick中撰寫代碼從后臺讀取資料，獲取到資料之后回圈push到陣列中，但是push之后界面并沒有顯示資料。
通過瀏覽器除錯發現，界面中實際上是有內容的，滑鼠滑動過去有反應，只不過看不見；然后，在瀏覽器f12的elements界面中修改頁面中任意元素的css樣式，子組件的界面內容就顯示出來了。
uj5u.com熱心網友回復：
沒人知道嗎 感覺很奇怪uj5u.com熱心網友回復：
data () {
taskDetail: {
checkout: []
}
},
methods: {
getData() {
let data = response.data
this.taskDetail.checkout.push({dataurl, img, name, timeLong})
}
}[/b]
uj5u.com熱心網友回復：
高度不夠還是因為被隱藏了啊uj5u.com熱心網友回復：
你都 overflow: hidden;了，超出隱藏了，怎么能看見呢？把這個屬性去掉uj5u.com熱心網友回復：
先把資料寫死，看看能不能顯示出來。如果資料寫死可以顯示出來，那就是渲染的時候有問題了。
嘗試定義一個新陣列，再push完之后，把新陣列重新賦值，頁面用新陣列遍歷
如果還不行，并監聽,watch 新陣列，，給遍歷的標簽加一個 key
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/9085.html
標籤：HTML(CSS)
上一篇：pyexecjs 啥情況啊， 前面調200多次都沒問題， 后面再調就權限拒絕
下一篇：問個很基礎的html問題