Vue组件库element-ui中的Form表单组件提供了表单验证功能
通过rules属性传入验证规则
Form-Item中的prop属性设置需要校验的字段名
如图所示,el-form-item元素的prop属性绑定字段名username,表单验证时,就会验证el-input元素绑定的变量[ruleForm.username]的值是否符合验证规则
验证规则:
在export default ,rules规则是根据prop字段名一一对应的,
每条校验规则是一个数组,[{},{},{}]
如果字段名是动态的,该如何处理,参考:
https://www.imooc.com/wenda/detail/411761