一个数组里面有一个数组对象,我该如何用v-for循环出这个数组对象
时间: 2024-05-14 18:18:11 浏览: 76
假设数组对象的名字为 `arrayOfArrays`,可以使用嵌套的 `v-for` 循环来遍历数组对象中的每个数组。示例代码如下:
```html
<template>
<div>
<!-- 外层循环遍历 arrayOfArrays 中的每个数组 -->
<div v-for="(array, index) in arrayOfArrays" :key="index">
<p>数组 {{ index + 1 }}</p>
<!-- 内层循环遍历当前数组中的每个元素 -->
<div v-for="(item, i) in array" :key="i">
{{ item }}
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
arrayOfArrays: [
[1, 2, 3],
['a', 'b', 'c'],
['foo', 'bar', 'baz']
]
}
}
}
</script>
```
上述代码中,我们先通过外层循环遍历了 `arrayOfArrays` 数组对象中的每个数组,然后再通过内层循环遍历了当前数组中的每个元素,将其显示在页面上。如果 `arrayOfArrays` 中的数组对象数量是动态的,我们也可以使用计算属性来处理。
阅读全文