注:這裏不是必要的,可以直接看下面的實現步驟部分
首先,來到Element官網,查看“表單驗證”源碼案例
Form 組件提供了表單驗證的功能,只需要通過 rules 屬性傳入約定的驗證規則,並將 Form-Item 的 prop 屬性設置爲需校驗的字段名即可
trigger
- ‘blur’ :失去焦點觸發
- ‘change’:發生改變觸發
下面,開始動手實現啦
實現步驟
第一步:在form上添加屬性綁定:rules指定校驗對象
第二步:在data數據中定義校驗對象
第三步:對錶單項from-item通過prop指定驗證規則
至此,完成
——————————————————分割線——————————————————
效果圖