vue如何同时遍历两个数组
时间: 2023-05-31 07:01:46 浏览: 111
vue遍历对象中的数组取值示例
可以使用v-for指令的特殊语法来同时遍历两个数组,方法如下:
1. 使用v-for指令的特殊语法,将两个数组同时遍历:
```html
<div v-for="(item1, index1) in array1" :key="index1">
<span>{{ item1 }}</span>
<span>{{ array2[index1] }}</span>
</div>
```
2. 使用computed属性,将两个数组合并成一个新的数组,然后再进行遍历:
```html
<div v-for="(item, index) in newArray" :key="index">
<span>{{ item.array1 }}</span>
<span>{{ item.array2 }}</span>
</div>
```
```javascript
computed: {
newArray() {
return this.array1.map((item, index) => {
return {
array1: item,
array2: this.array2[index]
}
})
}
}
```
以上两种方法都可以实现同时遍历两个数组的效果,具体选择哪种方法可以根据实际情况来决定。
阅读全文