向二维数组中添加数据
时间: 2023-12-26 16:27:36 浏览: 103
要向Vue中的二维数组添加数据,你可以使用Vue的响应式属性和数组的方法来实现。下面是一个示例代码:
```javascript
<template>
<div>
<button @click="addData">添加数据</button>
<table>
<tr v-for="(row, index) in array" :key="index">
<td v-for="(item, i) in row" :key="i">{{ item }}</td>
</tr>
</table>
</div>
</template>
<script>
export default {
data() {
return {
array: [
[1, 2, 3],
[4, 5, 6],
],
};
},
methods: {
addData() {
this.array.push([7, 8, 9]);
},
},
};
</script>
```
在上面的代码中,我们定义了一个二维数组`array`,初始值为`[[1, 2, 3], [4, 5, 6]]`。然后,在`addData`方法中,我们使用`push`方法向`array`数组中添加一个新的一维数组`[7, 8, 9]`。这样就实现了向二维数组中添加数据的功能。
请注意,Vue会自动追踪数组的变化并更新视图,所以当你调用`push`方法添加数据后,视图会自动更新显示新的数据。
阅读全文