vue：如何把后端传过来的数组的其中一个对象加入新的属性

加入我们是更改数组中的第一个对象，在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：土鸡插入到第一个对象中的操作。

允许结果如下：