vue3 push数组对象

在Vue3中，如果要向数组中push对象，需要注意对象的引用问题。如果直接使用push方法将对象添加到数组中，会导致数组中的所有对象都指向同一个地址，当其中一个对象发生改变时，其他对象也会跟着改变。为了解决这个问题，可以使用深拷贝的方式将对象添加到数组中。

一个解决方法是创建一个新的对象，将要添加的对象的属性值赋给新对象，然后将新对象添加到数组中。这样就实现了深拷贝，避免了对象引用的问题。例如：

let newObj = { ...this.remark_formInline }; // 使用对象的扩展运算符创建一个新对象
this.remark_datas.push(newObj); // 将新对象添加到数组中

另一种解决方法是使用JSON.parse和JSON.stringify进行对象的序列化和反序列化。通过将对象转换为字符串再转换回对象，可以实现深拷贝。例如：

let newObj = JSON.parse(JSON.stringify(this.remark_formInline)); // 将对象转换为字符串再转换回对象
this.remark_datas.push(newObj); // 将新对象添加到数组中

需要注意的是，在使用深拷贝的方式添加对象时，要确保对象中没有循环引用的情况，否则可能会导致无限递归的问题。
#### 引用[.reference_title]
- *1* [vue往数组中push对象时的问题](https://blog.csdn.net/weixin_45618937/article/details/126462495)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue 往数组中push对象](https://blog.csdn.net/weixin_53587375/article/details/117285625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue3数组使用push，导致数组每一个元素都改变](https://blog.csdn.net/weixin_55869175/article/details/124749842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]