vue 怎么循环二维数组
时间: 2024-01-06 07:10:41 浏览: 131
js一维数组与三维数组互动,数据转换,类似购物车添加删除
在 Vue 中,你可以使用 `v-for` 循环遍历二维数组。假设你有一个名为 `matrix` 的二维数组,你可以这样循环它:
```html
<template>
<table>
<tbody>
<tr v-for="(row, index) in matrix" :key="index">
<td v-for="(cell, j) in row" :key="j">
{{ cell }}
</td>
</tr>
</tbody>
</table>
</template>
```
在这个示例中,我们首先通过 `v-for` 循环遍历二维数组中的每一行,然后再次使用 `v-for` 循环遍历每一行中的每一个单元格。在第二个 `v-for` 中,我们使用了 `row` 变量,它代表当前遍历到的行,`cell` 变量代表当前遍历到的单元格。
注意,我们还为每一行和每一个单元格设置了唯一的 `key` 属性,这是为了提高性能和确保正确的渲染顺序。
阅读全文