循环遍历VueJS中的数据数组属性

时间:2016-11-29 11:14:08

标签: vue-component vue.js vuejs2

在vuejs中,你可以在模板中进行列表渲染,如

<td v-for="item in items"></td>......

但是你可以迭代相同的数据数组属性,如....

for(var i = 0; i < this.items.length; i++)
 this.$data.items[i]

2 个答案:

答案 0 :(得分:2)

不要担心this.$data.items,而是担心this.items,尽管它也会有用......

答案 1 :(得分:0)

这篇文章很老了,但是对于任何想要迭代到对象数组中的人来说都是有用的。

代替:

for(var i =0; i < this.items.length; i++) {
  console.log(this.items[i]);
}

您可以更简洁,更易读(我认为):

this.items.forEach((item) => {
  console.log(item);
})