考慮到復用等問題,將一個表單拆成多個元件,這個時候就出現了通訊的問題。
這種情況是不能使用雙向資料綁定的,我想到的是下面的辦法,但是有些複雜,特此求助好方法。
父組件傳入子組件一個submit狀態的值,當點擊提交按鈕時,變動此值。
子元件透過onChange鉤子監聽submit值,當變動時將子元件內部的綁定的資料透過事件傳送給父元件。
父元件監聽到事件,拿到子元件的綁定值,這個時候整合數據,發送請求。
如果有個別欄位已經存在這種情況,需要單獨傳給子組件一個錯誤值,對應顯示出來。
但是真心好麻煩,求助ing...
組件能綁定資料
到表單這個維度,組件顆粒已經足夠小了,還進行拆分不是自找麻煩麼.只有復雜的UI才需要封裝,如時間選擇器,顏色選擇器等等