vue往数组中push对象时的问题及处理
更新时间：2026年05月24日 10:46:16 作者：莫物
这段文章主要讨论了在Vue框架中使用push操作向数组添加对象时遇到的值值改变问题,并提出了通过深拷贝解决该问题的方法,强调了正确使用深拷贝的重要性
vue往数组中push对象
如图所示：
在使用vue框架开发时，需要在一个数组里push多条对象数据而导致之前push进去的对象也变成后面进去对象的值。
后来发现是因为push对象时，指针一直指向的是之前equipFormData绑定的对象地址，所以当equipFormData下次输入时值改变，数组内的值也就变了。
解决方法
需要重新申请一个内存空间，然后赋值给他，再push，实现深拷贝。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在写vue项目时想到一个问题,项目里面的文件都是一个个的组件,如何在控制台中修改,查看组件data里的值呢,下面这篇文章主要给大家介绍了关于Vue如何通过浏览器控制台查看全局data值的相关资料,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了vue.js+boostrap项目实践(案例详解)的相关资料,本文图文并茂介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了Vue首屏时间指标采集最佳方式示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
Vue3 + Three.js实现自定义3D模型加载与交互实战全流程
Three.js是一个用于创建3D图形的JavaScript库,它基于WebGL技术,并提供了一系列的工具和API,这篇文章主要介绍了Vue3 + Three.js实现自定义3D模型加载与交互实战的相关资料,需要的朋友可以参考下2025-12-12
这篇文章主要介绍了vue中子组件如何间接修改父组件传递过来的值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了Vue的Options用法说明，具有很好的参考价值，希望对大家有所2020-08-08
这篇文章主要介绍了详解Vue.js在页面加载时执行某个方法的实现代码，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用，这篇文章主要介绍了Vue组件间传值的实现2022-09-09
这篇文章主要给大家介绍了关于vue3前端获取文件的绝对路径问题解决的相关资料,文中通过代码示例介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
vue中el-checkbox、el-switch绑定值问题详解
这篇文章主要给大家介绍了关于vue中el-checkbox、el-switch绑定值问题的相关资料,文中通过代码介绍的非常详细,对大家学习或者使用vue具有一定的参考借鉴价值,需要的朋友可以参考下2024-01-01
最新评论