原創：https://blog.csdn.net/XUELUO123456789/article/details/103144534

轉載註明出處

1.定義表單輸入框中的值的規則
在ant design vue中， "v-decorator"可以看成是v-model，和vue中的雙向繫結作用類似
——v-decorator="[id, options]"
其中的id:必填輸入控制元件唯一標誌。支援巢狀式的寫法。——算是一個普通的id名
options：一般是書寫對於表單框中的值的驗證 ——即 validatorRules.(自定義的變數值)

2.書寫表單規則

rules：支援多個api(官網中有說)
len：欄位長度 number
max：最大長度 number
message：校驗文案(即提醒資訊) string
min：最小長度 number
pattern：正則表示式校驗 RegExp
required：表單框是否必填 boolean
validator： 自定義校驗規則(校驗函式) function(rule,value,callback)
whitespace： 必填時空格是否會被視為錯誤

 validatorRules:{
          //修改
          name:{
            rules:[             //rules是驗證規則，
              {
                required:true,       //是否為必填，否則將會出現提示資訊
                message:'請輸入團名稱'      //當輸入框為空時，呈現出的提示資訊
              },
              {
                validator:this.checkName    //自定義的校驗函式
 

              }
            ]
          }
          //修改
        },