溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關vue中的父子組件是如何進行傳值的，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
上父組件的代碼，引用了exp-group子組件
<exp-group :grpVisible="grpVisible" :grpData="grpData" @updateData="acceptData"></exp-group>
grpVisible 和 grpData 是傳給子組件的屬性，一個是普通類型，一個是對象
grpVisible: false,
grpData: {app: this.$route.query.app, exp: this.$route.query.exp},接下來我要在子組件中改變這兩個屬性的值傳給父組件，先要在子組件中定義一下
props: {
grpVisible: {
type: Boolean,
default: false
},
grpData: {
type: Object
}
},首先普通類型的 grpVisible 屬性如果要修改，需要定義一個變量將 grpVisible 值復制給這個變量，然后再修改這個變量，傳遞給父組件，具體見代碼
let demo1 = this.grpVisible
demo1 = true
this.$emit('updateData', demo1) //子組件父組件通過acceptData的參數value接收這個值
acceptData (value) {
console.log(value)
}, //父組件如果是對象的話，就需要用Object.assign拷貝一份新的賦值給一個變量，然后修改這個變量，傳遞給父組件，代碼如下：
let demo1 = Object.assign({}, this.grpData)
demo1.app = 'binge'
this.$emit('updateData', demo1)看完上述內容，你們對vue中的父子組件是如何進行傳值的有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
