vue往數(shù)組中push對(duì)象時(shí)的問(wèn)題及處理
更新時(shí)間：2026年05月24日 10:46:16 作者：莫物
這段文章主要討論了在Vue框架中使用push操作向數(shù)組添加對(duì)象時(shí)遇到的值值改變問(wèn)題,并提出了通過(guò)深拷貝解決該問(wèn)題的方法,強(qiáng)調(diào)了正確使用深拷貝的重要性
vue往數(shù)組中push對(duì)象
如圖所示：
在使用vue框架開(kāi)發(fā)時(shí)，需要在一個(gè)數(shù)組里push多條對(duì)象數(shù)據(jù)而導(dǎo)致之前push進(jìn)去的對(duì)象也變成后面進(jìn)去對(duì)象的值。
后來(lái)發(fā)現(xiàn)是因?yàn)閜ush對(duì)象時(shí)，指針一直指向的是之前equipFormData綁定的對(duì)象地址，所以當(dāng)equipFormData下次輸入時(shí)值改變，數(shù)組內(nèi)的值也就變了。
解決方法
需要重新申請(qǐng)一個(gè)內(nèi)存空間，然后賦值給他，再push，實(shí)現(xiàn)深拷貝。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
Vue如何通過(guò)瀏覽器控制臺(tái)查看全局data值
在寫vue項(xiàng)目時(shí)想到一個(gè)問(wèn)題,項(xiàng)目里面的文件都是一個(gè)個(gè)的組件,如何在控制臺(tái)中修改,查看組件data里的值呢,下面這篇文章主要給大家介紹了關(guān)于Vue如何通過(guò)瀏覽器控制臺(tái)查看全局data值的相關(guān)資料,需要的朋友可以參考下2023-04-04
vue.js+boostrap項(xiàng)目實(shí)踐(案例詳解)
這篇文章主要介紹了vue.js+boostrap項(xiàng)目實(shí)踐(案例詳解)的相關(guān)資料,本文圖文并茂介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
這篇文章主要為大家介紹了Vue首屏?xí)r間指標(biāo)采集最佳方式示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
Vue3?+?Three.js實(shí)現(xiàn)自定義3D模型加載與交互實(shí)戰(zhàn)全流程
Three.js是一個(gè)用于創(chuàng)建3D圖形的JavaScript庫(kù),它基于WebGL技術(shù),并提供了一系列的工具和API,這篇文章主要介紹了Vue3?+?Three.js實(shí)現(xiàn)自定義3D模型加載與交互實(shí)戰(zhàn)的相關(guān)資料,需要的朋友可以參考下2025-12-12
vue中子組件如何間接修改父組件傳遞過(guò)來(lái)的值問(wèn)題
這篇文章主要介紹了vue中子組件如何間接修改父組件傳遞過(guò)來(lái)的值問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了Vue的Options用法說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所2020-08-08
詳解Vue.js在頁(yè)面加載時(shí)執(zhí)行某個(gè)方法
這篇文章主要介紹了詳解Vue.js在頁(yè)面加載時(shí)執(zhí)行某個(gè)方法的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
組件是?vue.js?最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無(wú)法相互引用，這篇文章主要介紹了Vue組件間傳值的實(shí)現(xiàn)2022-09-09
這篇文章主要給大家介紹了關(guān)于vue3前端獲取文件的絕對(duì)路徑問(wèn)題解決的相關(guān)資料,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
vue中el-checkbox、el-switch綁定值問(wèn)題詳解
這篇文章主要給大家介紹了關(guān)于vue中el-checkbox、el-switch綁定值問(wèn)題的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01