接著之前的兩篇文章繼續(xù)學(xué)習(xí)VeeValidate Composition API構(gòu)建表單
使用 @vee-validate/yup 軟件包领斥。它可以更好地支持 yup 功能,并為你的模式解鎖完整的類型腳本支持廊酣。
該軟件包提供了一個(gè) toTypedSchema 函數(shù),你可以用它來封裝你的 yup 模式号涯,這樣 vee-validate 就能推斷出表單的輸入和輸出類型。
動(dòng)態(tài)驗(yàn)證表單的schema锯七,實(shí)際開發(fā)當(dāng)中會(huì)有一些情況我們的校驗(yàn)是動(dòng)態(tài)的比如當(dāng)前校驗(yàn)受另一個(gè)變量的影響
我們可以使用vue的計(jì)算屬性對(duì)schema進(jìn)行包裹
以下示例可以看到第二個(gè)輸入框的字符長度隨著第一個(gè)輸入框定義的數(shù)字長度進(jìn)行變化 這樣就實(shí)現(xiàn)了動(dòng)態(tài)的校驗(yàn)
也可以通過yup提供的lazy函數(shù)