欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue項(xiàng)目中做編輯功能傳遞數(shù)據(jù)時(shí)遇到問(wèn)題的解決方法

 更新時(shí)間：2016年12月19日 14:35:11   作者：luckylqh  
這篇文章主要介紹了vue項(xiàng)目中做編輯功能傳遞數(shù)據(jù)時(shí)遇到問(wèn)題的解決方法，vue父組件向子組件傳遞數(shù)據(jù)的問(wèn)題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

在項(xiàng)目中完成編輯功能時(shí)，遇到了這樣一個(gè)問(wèn)題：編輯的功能使用的是一個(gè)子組件作為彈出框，如圖


這里涉及到從父組件向子組件傳遞數(shù)據(jù)的問(wèn)題，這個(gè)項(xiàng)目使用的是v1.0，問(wèn)題是當(dāng)點(diǎn)擊了編輯以后，彈出的子組件中沒(méi)有獲取到父組件傳過(guò)來(lái)的數(shù)據(jù)，檢查后沒(méi)有發(fā)現(xiàn)代碼錯(cuò)誤，最后解決的方法就是在父組件中，把傳遞的數(shù)據(jù)中的每一項(xiàng)都初始化了一遍就好了

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)建問(wèn)題至";
    }else if(type=='edit'){
     this.listdb={...list};   // 解構(gòu)數(shù)據(jù),只用list的數(shù)值，不用list的地址
     this.editId=id;
     this.issueTitle="編輯問(wèn)題";
    }
   },

這是點(diǎn)擊編輯時(shí)執(zhí)行的方法，下面是向子組件傳遞的數(shù)據(jù)

listdb:{
  executorName:'',
  executorId:'',
  state:'',
  ProjVerId:'',
  content:''
},

開始的時(shí)候，只是定義了一個(gè)空的數(shù)據(jù)像這樣：

listdb:{},

這種情況下就不會(huì)向子組件傳遞數(shù)據(jù)，當(dāng)把要傳遞的每一項(xiàng)內(nèi)容都定義了一遍以后就好了，像上面的那種寫法。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • vue中字符串如何拼接路由path路徑

    vue中字符串如何拼接路由path路徑

    這篇文章主要介紹了vue中字符串如何拼接路由path路徑方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-12-12
  • 優(yōu)選七個(gè)用于vue開發(fā)的JS庫(kù)

    優(yōu)選七個(gè)用于vue開發(fā)的JS庫(kù)

    這篇文章主要介紹了JavaScript優(yōu)選七個(gè)用于vue開發(fā)庫(kù)，借助開源庫(kù)加速Vue項(xiàng)目的開發(fā)進(jìn)度是現(xiàn)代前端開發(fā)比較常見的方式，平常收集一些JavaScript庫(kù)介紹，在遇到需要的時(shí)候可以信手拈來(lái)
    2023-02-02
  • Element實(shí)現(xiàn)表格嵌套、多個(gè)表格共用一個(gè)表頭的方法

    Element實(shí)現(xiàn)表格嵌套、多個(gè)表格共用一個(gè)表頭的方法

    這篇文章主要介紹了Element實(shí)現(xiàn)表格嵌套、多個(gè)表格共用一個(gè)表頭的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • vue如何利用store實(shí)現(xiàn)兩個(gè)平行組件間的傳值

    vue如何利用store實(shí)現(xiàn)兩個(gè)平行組件間的傳值

    這篇文章主要介紹了vue如何利用store實(shí)現(xiàn)兩個(gè)平行組件間的傳值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-04-04
  • 分析 Vue 中的 computed 和 watch 的區(qū)別

    分析 Vue 中的 computed 和 watch 的區(qū)別

    這篇文章分析 Vue 的 computed 和 watch 的區(qū)別，computed 用來(lái)監(jiān)控自己定義的變量，頁(yè)面上可直接使用。watch 是監(jiān)測(cè) Vue 實(shí)例上的數(shù)據(jù)變動(dòng)，通俗地講，就是檢測(cè) data 內(nèi)聲明的數(shù)據(jù),需要的朋友可以參考一下
    2021-09-09
  • 解決vue+element 鍵盤回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題

    解決vue+element 鍵盤回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題

    今天小編就為大家分享一篇解決vue+element 鍵盤回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08
  • web前端vue之CSS過(guò)渡效果示例

    web前端vue之CSS過(guò)渡效果示例

    本篇文章主要介紹了web前端vue之CSS過(guò)渡效果示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-01-01
  • vue中{__ob__: observer}對(duì)象轉(zhuǎn)化為數(shù)組進(jìn)行遍歷方式

    vue中{__ob__: observer}對(duì)象轉(zhuǎn)化為數(shù)組進(jìn)行遍歷方式

    這篇文章主要介紹了vue中{__ob__: observer}對(duì)象轉(zhuǎn)化為數(shù)組進(jìn)行遍歷方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • Vue高效更新UI的方法詳解

    Vue高效更新UI的方法詳解

    在現(xiàn)代前端開發(fā)中,Vue.js以其高效的響應(yīng)式數(shù)據(jù)綁定和視圖更新機(jī)制著稱,而這一切的核心技術(shù)之一就是虛擬DOM和Diff算法,本文將詳細(xì)介紹虛擬DOM的概念、Diff算法的工作原理,以及Vue如何利用這些技術(shù)高效地更新UI,需要的朋友可以參考下
    2025-02-02
  • vue設(shè)置導(dǎo)航欄、側(cè)邊欄為公共頁(yè)面的例子

    vue設(shè)置導(dǎo)航欄、側(cè)邊欄為公共頁(yè)面的例子

    今天小編就為大家分享一篇vue設(shè)置導(dǎo)航欄、側(cè)邊欄為公共頁(yè)面的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-11-11

最新評(píng)論