vue.js数组出现的问题

Question

<p v-for="it in detailIt.sizes">{{it}}</p>这样就不会报错，输出s,m,l,xl，
<p>{{detailIt.sizes[0]}}</p>这样会报错是什么原因

Answer 1

你的数据是请求的，detaillt.sizes开始是空的，并没有赋值，所以报错，但是第一种写法并不会，只是开始没显示而已，等数据赋值了就会显示出来，当然这个过程可能时间很短

Answer 2

<p v-if='detailIt.sizes.length'>{{detailIt.sizes[0]}}</p>
可以试试