vue中如何取出数组中对象的属性值
时间: 2023-04-03 07:01:59 浏览: 109
你可以使用数组的map方法,将每个对象的属性值提取出来,形成一个新的数组。例如,如果你想取出一个数组中每个对象的name属性值,可以这样写:
```
const arr = [{name: '张三', age: 18}, {name: '李四', age: 20}, {name: '王五', age: 22}];
const names = arr.map(item => item.name);
console.log(names); // ['张三', '李四', '王五']
```
这样就可以得到一个只包含name属性值的新数组了。
相关问题
vue3中watch监听数组对象属性
在 Vue3 中,您可以使用 `watch` 函数来监听数组对象属性的变化。
假设您有一个数组对象 `arr`,其中包含一个 `name` 属性,您可以使用以下代码来监听该属性的变化:
```javascript
import { watch } from 'vue';
// 假设您已经有一个名为 arr 的数组对象
watch(() => arr.map(item => item.name), (newVal, oldVal) => {
// 处理新值和旧值的变化
});
```
在上面的代码中,我们使用 `watch` 函数来监听 `arr` 数组对象中所有元素的 `name` 属性。我们使用 `map` 函数来获取一个新的只包含 `name` 属性的数组。当该数组发生变化时,`watch` 函数将会调用我们传递的回调函数。
在回调函数中,您可以处理新值和旧值的变化。
vue中修改数组对象中某一个对象的属性值
可以使用 Vue.set 方法来修改数组对象中某一个对象的属性值,示例代码:
```
Vue.set(array, index, newValue)
```
其中,array 是要修改的数组,index 是要修改的对象在数组中的索引,newValue 是要修改的属性值。