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

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

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

這樣就能實現子組件通過點擊事件,改變父組件預先設定的數據,並重新傳給子組件
在項目開發中,有時候會遇到一種需求比如是:在子組件中,通過一個事件,比如點擊事件,去改變父組件中的某個值,下面來看看是怎么個流程
還是先截圖目錄結構

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

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

這樣就能實現子組件通過點擊事件,改變父組件預先設定的數據,並重新傳給子組件
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。