vue-父子組件之間通信

父組件向子組件傳參


? ? 首先要在父組件中引入子組件

引入子組件
使用組件

v-if是設(shè)置這個組件在父組件中是否可見,v-bind:formInline="sendvalue",也可以使用這種寫法,:formInline="sendvalue"就是通過這個與子組件實現(xiàn)通信。

formInline是子組件要接收的變量名。sendvalue是父組件定義的一個對象。

通過一個點(diǎn)擊事件,將數(shù)據(jù)傳到子組件:

show是一個父組件中的一個點(diǎn)擊事件

到這里,父組件已經(jīng)將參數(shù)發(fā)送到子組件了,接下來要做的就是子組件接受這個參數(shù):

子組件通過props接收來自父組件的參數(shù)

需要使用的時候直接formInline.的方式即可。

formInline.rolenum或者 formInline. rolename

子組件向父組件傳參


還是上面的例子,子組件里有一個@close="editrole"。

this.$emit('close');

this.$emit('backdata',response.data);<這是帶參數(shù)的情況>

$emit可接兩個參數(shù),第一個是觸發(fā)當(dāng)前實例上的事件,第二個是附加參數(shù),他們都會傳給監(jiān)聽器回調(diào)。

backdata2(data){

????????this.data6=this.data6.concat(data);

},

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 您將在本文當(dāng)中了解到,往網(wǎng)頁中添加數(shù)據(jù),從傳統(tǒng)的dom操作過渡到數(shù)據(jù)層操作,實現(xiàn)同一個目標(biāo),兩種不同的方式....
    itclanCoder閱讀 26,245評論 1 12
  • # 傳智播客vue 學(xué)習(xí)## 1. 什么是 Vue.js* Vue 開發(fā)手機(jī) APP 需要借助于 Weex* Vu...
    再見天才閱讀 3,800評論 0 6
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,180評論 0 29
  • 推薦指數(shù): 7.0 書籍主旨關(guān)鍵詞:安樂、隨感、覺悟、無常 事實: 1.隨緣生滅。緣起則生,緣滅則滅 2.藏族人心...
    Jenaral閱讀 416評論 0 0
  • 前言: 從事Android開發(fā)工作有一段時間了,天天跟布局、原生控件打交道,用著別人的輪子,好用是好用,就是感覺自...
    顏崔閱讀 710評論 0 0

友情鏈接更多精彩內(nèi)容