溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
之前在用vue寫子父組件通信的時候，老是遇到問題！！！
子組件傳值給父組件：
子組件：通過emit方法給父組件傳值，這里的upparent是父組件要定義的方法
模板：
<div v-on:click="switchViewBtn">切換視圖</div>
在data中定義：switchStatus = true;
方法：
switchViewBtn(){
let that=this;
this.$emit("parentView",that.switchStatus);
},
父組件：模板：
<div @parentView="changeView" :msg="msg"></div>
方法：
changeView(msg){
this.switchStatus = msg;
}
這樣就可以將子組件的值傳給父組件了。
父組件傳值給子組件：
父組件：模板：
<div :name="name">切換視圖</div>
在data中賦值：
export default {
data() {
return {
data：‘zy'
}
}
}
子組件中接受代碼：
export default {
data() {
return {
data：‘zy'
}
}，
props:[
'name'
]
}
以上所述是小編給大家介紹的vue子父組件通信的實現代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
