antD vue input輸入限制以及提示

原創：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    //自定義的校驗函數
              }
            ]
          }
          //修改
        },