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

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

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

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


這里涉及到從父組件向子組件傳遞數(shù)據(jù)的問題，這個項目使用的是v1.0，問題是當點擊了編輯以后，彈出的子組件中沒有獲取到父組件傳過來的數(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ù)，當把要傳遞的每一項內(nèi)容都定義了一遍以后就好了，像上面的那種寫法。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

    解決vue+element 鍵盤回車事件導致頁面刷新的問題

    今天小編就為大家分享一篇解決vue+element 鍵盤回車事件導致頁面刷新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • web前端vue之CSS過渡效果示例

    web前端vue之CSS過渡效果示例

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

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

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

    Vue高效更新UI的方法詳解

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

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

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

最新評論