實(shí)際開發(fā)中,我們的表單不僅僅局限于輸入框,會(huì)有各種各樣的需求蚁袭,這里我們自定義一個(gè)表單控件組合到表單當(dāng)中。
假設(shè)現(xiàn)在用戶需要一個(gè)彈框在彈框里選了某個(gè)值石咬,現(xiàn)在要把這個(gè)值綁定給我們的表單揩悄,顯而易見的的是這個(gè)也不是input,也不是checkBox鬼悠,需要我們手動(dòng)的賦值删性,
上圖中定義了一個(gè)userName字段并且定義了一個(gè)子組件,還是將兩個(gè)返回的值綁給子組件
在子組件中定義好emit然后我們用的時(shí)候調(diào)用即可焕窝,在點(diǎn)擊按鈕的時(shí)候給表單的userName字段賦值
完成蹬挺,同樣也可以加入字段的校驗(yàn),
用法還是和之前定義input的校驗(yàn)一樣它掂。
還可以給子組件配置一個(gè)props state里有很多表單可以用到的信息巴帮,方便我們?cè)谧咏M件進(jìn)行更多的邏輯處理
還可以動(dòng)態(tài)的去配置校驗(yàn),不是固定一個(gè)對(duì)象而是傳入一個(gè)函數(shù)根據(jù)字段不同的狀態(tài)去動(dòng)態(tài)的設(shè)置他的配置