上面代码报错Cannot read properties of undefined (reading '0')
时间: 2023-08-24 16:14:18 浏览: 113
jstree报错 Cannot read property ‘state’ of undefined
很抱歉,我之前的代码有一个错误。在`data`函数中,需要为`checked`属性设置初始值为`false`。请使用以下修正后的代码:
```html
<template>
<div>
<table>
<thead>
<tr>
<th></th>
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr v-for="item in items" :key="item.id">
<td><input type="checkbox" v-model="item.checked" /></td>
<td>{{ item.id }}</td>
<td>{{ item.name }}</td>
</tr>
</tbody>
</table>
<button @click="getSelectedItems">Get Selected Items</button>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ id: 1, name: 'Item 1', checked: false },
{ id: 2, name: 'Item 2', checked: false },
{ id: 3, name: 'Item 3', checked: false }
]
};
},
methods: {
getSelectedItems() {
const selectedItems = this.items.filter(item => item.checked);
console.log(selectedItems);
}
}
};
</script>
```
在修正后的代码中,我为每个`items`数组对象添加了一个初始值为`false`的`checked`属性。这样就可以避免之前报错的问题。
现在你可以尝试运行修正后的代码,应该可以正常实现表格的勾选功能了。如果还有其他问题,请随时向我提问。
阅读全文