console.log输出列表正常,但列表就是不渲染出来或者是刷新之后就消失:
原因:用了索引的方法对数组进行赋值/ 修改:
<ul>
<li v-for="item in a">
{{ item.text }}
</li>
</ul>
data() {
return {
a:[],
}
},
for(var i=0;i<5;i++){
this.a[i]=res[i].data[0]
}
解决方法:上述赋值结束后,用另外一个数组代替它,再输出:
<ul>
<li v-for="item in b">
{{ item.text }}
</li>
</ul>
data() {
return {
a:[],
b:[],
}
},
for(var i=0;i<5;i++){
this.a[i]=res[i].data[0]
}
this.b = this.a
完美解决