加入我们是更改数组中的第一个对象,在vue中可以使用$set方法将属性插入到第一个对象中作为属性。
Script部分:
<script>
export default {
data() {
return {
boxes: [//模拟后端传过来的数组
{
id:1,
name:'张三'
},
{
id:2,
name:'李四'
},
{
id:3,
name:'王五'
},
{
id:4,
name:'赵六'
}
],
name:'土鸡'//新更改的属性
};
},
created() {
this.samsung();
},
methods:{
samsung(){
const obj = this.boxes[0]
if(obj){
this.$set(obj, 'name', this.name)
}
console.log('this.boxes',this.boxes)
}
},
}
</script>
模拟后端获取的数据boxes,然后我们把新的name:土鸡,把boxes第一个对象的name属性‘张三’,跟换成土鸡。
我们直接通过索引0来获取boxes数组中的第一个对象,并将其赋值给变量obj。然后使用Vue提供的$set方法,将name属性插入该对象中,并赋值为土鸡。这样就实现了将属性name:土鸡插入到第一个对象中的操作。
允许结果如下: