在項目中完成編輯功能時,遇到了這樣一個問題:編輯的功能使用的是一個子組件作為彈出框,如圖

這里涉及到從父組件向子組件傳遞數(shù)據(jù)的問題,這個項目使用的是v1.0,問題是當(dāng)點擊了編輯以后,彈出的子組件中沒有獲取到父組件傳過來的數(shù)據(jù),檢查后沒有發(fā)現(xiàn)代碼錯誤,最后解決的方法就是在父組件中,把傳遞的數(shù)據(jù)中的每一項都初始化了一遍就好了
creatIssue (type,list,id){ this.modelIssue=true; this.modeltype=type; if(type=='creat'){ this.listdb.executorName=''; this.listdb.executorId=''; this.listdb.state=''; this.listdb.ProjVerId=''; this.listdb.content=''; this.issueTitle="創(chuàng)建問題至"; }else if(type=='edit'){ this.listdb={...list}; // 解構(gòu)數(shù)據(jù),只用list的數(shù)值,不用list的地址 this.editId=id; this.issueTitle="編輯問題"; } },這是點擊編輯時執(zhí)行的方法,下面是向子組件傳遞的數(shù)據(jù)
listdb:{ executorName:'', executorId:'', state:'', ProjVerId:'', content:''},開始的時候,只是定義了一個空的數(shù)據(jù)像這樣:
listdb:{},
這種情況下就不會向子組件傳遞數(shù)據(jù),當(dāng)把要傳遞的每一項內(nèi)容都定義了一遍以后就好了,像上面的那種寫法。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答