vue3 如何向const studentInfo = ref([]);中每条数据添加isSelected = false
时间: 2024-10-23 21:02:34 浏览: 16
在 Vue3 中,如果你有一个 `ref` 对象 `studentInfo`,它是一个响应式的数组,你可以直接在数组的每个对象上添加一个新的属性 `isSelected` 并赋初始值为 `false`。假设 `studentInfo` 的结构如下:
```javascript
const studentInfo = ref([]);
// 假设 studentInfo 数组的对象结构如下:
// [
// { name: ..., schoolname: ..., idcard: ... },
// { name: ..., schoolname: ..., idcard: ... },
// ...
// ]
```
你可以使用 `map()` 或者直接迭代数组的方式来给每个对象添加新的属性:
```javascript
// 使用 map() 方法
studentInfo.value = studentInfo.value.map((item) => ({
...item,
isSelected: false
}));
// 直接迭代数组
for (let i = 0; i < studentInfo.value.length; i++) {
studentInfo.value[i].isSelected = false;
}
```
现在,`studentInfo` 中的每个对象都会有 `isSelected` 属性,初始值为 `false`。
阅读全文