vue3遍历数组套数组套对象
时间: 2023-04-03 07:01:52 浏览: 50
vue遍历对象中的数组取值示例
可以使用v-for指令来遍历数组套数组套对象,例如:
```
<template>
<div>
<div v-for="(arr, index) in array" :key="index">
<div v-for="(obj, key) in arr" :key="key">
<p>{{ obj.name }}</p>
<p>{{ obj.age }}</p>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
array: [
[
{ name: '张三', age: 18 },
{ name: '李四', age: 20 }
],
[
{ name: '王五', age: 22 },
{ name: '赵六', age: 24 }
]
]
}
}
}
</script>
```
阅读全文