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