vue.js事件傳值之子組件傳向父組件以及$emit的使用


在項目開發中,有時候會遇到一種需求比如是:在子組件中,通過一個事件,比如點擊事件,去改變父組件中的某個值,下面來看看是怎么個流程

還是先截圖目錄結構

父組件為app.vue,components中的文件

現在來實現在子組件Header.vue中,通過點擊容器,來改變父組件App.vue中預先設定title的值

下面是子組件Header.vue

 

下面是父組件App.vue的代碼

這樣就能實現子組件通過點擊事件,改變父組件預先設定的數據,並重新傳給子組件


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM