使用索引遍历vue数组

Question

我有一个包含一些数组的对象。考虑到数组具有相等的项，我想遍历这些数组并显示它们的数据。对我来说，遍历数组的索引有意义吗。

<template>
<div v-for="index in someObject.listA.length">
{{someObject.listA[index]}} - {{someObject.listB[index]}}
</div>
</template>
<script>
export default {
data () {
return {
someObject: {
listA: [
'foo', 'bar', 'foobar'
],
listB: [
'foo', 'bar', 'foobar'
]
}
}
}
}
</script>

我问这个问题的主要原因是，我没有看到任何使用数组索引应用v-for的例子。如果我做错了，我还有什么其他选择来实现这一点？

Answer 1

使用v-for时，第一个参数将是数组的元素，而不是索引。要得到索引，你必须加上括号和逗号。

此处：

<div v-for="(el, index) in someObject.listA">

然后你可以使用索引。

Answer 2

index是v-for中的第二个参数

在v-for块中，我们可以完全访问父作用域属性。v-for还支持当前项目。

<ul id="example-2">
<li v-for="(item, index) in items">
{{ parentMessage }} - {{ index }} - {{ item.message }}
</li>
</ul>