1.maxLength設置
<a-input placeholder="請輸入管理員姓名" maxLength="50" v-decorator="['realName',{ rules: [{ required: true, message: '管理員姓名不能為空' }],'initialValue':info.realName }]"/>
Invalid prop: type check failed for prop "maxLength". Expected Number with value 50, got String with value "50"
道具無效:道具“maxLength”類型檢查失敗。期望值為50的數字，得到值為“50”的字符串。
場景：使用a-input設置屬性值maxLength報出的警告
解決：將 maxLength="50"改成 :maxLength="50"
<a-input placeholder="請輸入管理員姓名" :maxLength="50" v-decorator="['realName',{ rules: [{ required: true, message: '管理員姓名不能為空' }],'initialValue':info.realName }]"/>
2. form表單提交方法不執行問題，並且未報錯
this.form.validateFields
表單中可能有未定義的變量
在使用ant Designd的 form 組件時發現點擊提交方法中 this.props.form.validateFields((err, values) => {}) 部分未執行，也沒有報錯。
原因：我使用了自定義校驗 validator ，在自定義校驗方法中有個錯誤，使用了未定義的變量。
注意：
1、使用validator 時，注意自定義方法中是否有錯誤；對於如何解決沒有錯誤提示，官網提示：可以選擇通過 async 返回一個 promise 或者使用 try...catch進行錯誤捕獲，具體查看官網form組件；
2、使用validator 時，自定義方法中 callback 必須被調用。