vue中對(duì)象的賦值Object.assign({}, row)方式
對(duì)象的賦值Object.assign({}, row)
復(fù)制功能,想單獨(dú)去掉id不傳過去,思路設(shè)置局部變量,把整個(gè)row對(duì)象賦值給newData變量,使用 Object.assign({}, row);使用delete方法刪除newData中的id
copyStep(index,row){ ? ? ? ? // 將對(duì)象賦值給一個(gè)變量 ? ? ? ? let newData = Object.assign({}, row) ? ? ? ? delete newData.id ? ? ? ? 將處理完的變量傳給下面的兩個(gè)方法 ? ? ? ? this.addStep(index,newData); ? ? ? ? this.showEditDialog(index + 1,newData,true); ? ? ? },
Object.assign()需要注意的一個(gè)小知識(shí)點(diǎn)
當(dāng)使用object.assign(),原對(duì)象會(huì)發(fā)生改變?cè)趺崔k?
如圖,原對(duì)象obj也會(huì)發(fā)生改變,如果不想要原對(duì)象obj發(fā)生改變,可以采用如下的方法,讓傳入的第一個(gè)參數(shù)為空時(shí),則原對(duì)象不發(fā)生改變
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于Vue?CLI3中啟動(dòng)cli服務(wù)參數(shù)說明
這篇文章主要介紹了關(guān)于Vue?CLI3中啟動(dòng)cli服務(wù)參數(shù)說明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04Vue生命周期和鉤子函數(shù)的詳解與經(jīng)典面試題
Vue生命周期是指vue實(shí)例對(duì)象從創(chuàng)建之初到銷毀的過程,vue所有功能的實(shí)現(xiàn)都是圍繞其生命周期進(jìn)行的,下面這篇文章主要給大家介紹了關(guān)于Vue生命周期和鉤子函數(shù)的相關(guān)資料,需要的朋友可以參考下2021-10-10Vue實(shí)現(xiàn)內(nèi)部組件輪播切換效果的示例代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)內(nèi)部組件輪播切換效果的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04vue實(shí)現(xiàn)復(fù)制文字復(fù)制圖片實(shí)例詳解
這篇文章主要為大家介紹了vue實(shí)現(xiàn)復(fù)制文字復(fù)制圖片實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02vue-cli 腳手架基于Nightwatch的端到端測(cè)試環(huán)境的過程
這篇文章主要介紹了vue-cli 腳手架基于Nightwatch的端到端測(cè)試環(huán)境的過程,需要的朋友可以參考下2018-09-09vue結(jié)合Axios+v-for列表循環(huán)實(shí)現(xiàn)網(wǎng)易健康頁面(實(shí)例代碼)
這篇文章主要介紹了vue結(jié)合Axios+v-for列表循環(huán)實(shí)現(xiàn)網(wǎng)易健康頁面,在項(xiàng)目下安裝axios,通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03