摘要:子組件給父組件通信如果子組件想要改變數據呢這在中是不允許的,因為只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據,從而達到改變子組件數據的目的子組件傳遞的數據通過綁定事件在里面使用事件來注冊事件并且傳遞數值到父組件中父組件
子組件給父組件通信
如果子組件想要改變數據呢?這在vue中是不允許的,因為vue只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據,從而達到改變子組件數據的目的
子組件:
通過綁定事件upData,在里面使用$emit事件來注冊childData事件,并且傳遞數值this.msg到父組件中
父組件:
//監聽子組件觸發的事件,然后調用change方法
父組件通過監聽子組件的childData的事件,來觸發自己的綁定的changData事件,并將值獲取復制給自己的msg
到這里就完成了子組件給父組件傳遞數據的過程
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52047.html
摘要:子組件給父組件通信如果子組件想要改變數據呢這在中是不允許的,因為只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據,從而達到改變子組件數據的目的子組件傳遞的數據通過綁定事件在里面使用事件來注冊事件并且傳遞數值到父組件中父組件 子組件給父組件通信 如果子組件想要改變數據呢?這在vue中是不允許的,因為vue只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據...
摘要:子組件給父組件通信如果子組件想要改變數據呢這在中是不允許的,因為只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據,從而達到改變子組件數據的目的子組件傳遞的數據通過綁定事件在里面使用事件來注冊事件并且傳遞數值到父組件中父組件 子組件給父組件通信 如果子組件想要改變數據呢?這在vue中是不允許的,因為vue只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據...
總結一下對vue組件通信的理解和使用。 一、組件目錄結構 父組件:app.vue 子組件:page1.vue 子組件:page2.vue 父組件 app.vue 請輸入單價: import Page1 from ./components/page1; import Page2 from ./components/page2; export de...
閱讀 2975·2021-11-24 10:22
閱讀 3044·2021-11-23 10:10
閱讀 1353·2021-09-28 09:35
閱讀 1752·2019-08-29 13:16
閱讀 1395·2019-08-26 13:29
閱讀 2782·2019-08-26 10:27
閱讀 678·2019-08-26 10:09
閱讀 1436·2019-08-23 18:05