鍍金池/ 問答/HTML/ Vue中v-for渲染的個數(shù)不對

Vue中v-for渲染的個數(shù)不對

1.代碼如下
clipboard.png

clipboard.png

clipboard.png
運(yùn)行后num打印為10
clipboard.png
可是渲染出來只有兩個li

clipboard.png

2.但是若將代碼改一下

clipboard.png
就能渲染出10個li

clipboard.png

3.為什么沒改之前不能正確打印出10個li,而是打印的2個li?

回答
編輯回答
毀憶

this.data.num1 是字符串吧？檢查下

2017年9月15日 01:28
編輯回答
維她命

v-for這里寫的有問題，既然是循環(huán)數(shù)字，就不要加 idx
否則vue會認(rèn)為你這里循環(huán)的是對象或者數(shù)組
this.data賦了值
this.data.num1 有兩個屬性 getter 和 setter
所以循環(huán)的時候是當(dāng)做對象在循環(huán)這兩個屬性了

2018年6月16日 14:01
編輯回答
毀憶

你別在mounted鉤子調(diào)用 你在組件創(chuàng)建之前調(diào)用這個函數(shù)beforeCreate 調(diào)用this.getData()

你這個sum他是變了值 只不過在數(shù)據(jù)掛載之后變的值 mounted 是掛載完成之后調(diào)用的生命鉤子函數(shù)

2018年6月3日 10:03