element-ui 表单组件的prop属性

Vue组件库element-ui中的Form表单组件提供了表单验证功能
通过rules属性传入验证规则
Form-Item中的prop属性设置需要校验的字段名

1.png

如图所示，el-form-item元素的prop属性绑定字段名username，表单验证时，就会验证el-input元素绑定的变量[ruleForm.username]的值是否符合验证规则

验证规则：

2.png

在export default ，rules规则是根据prop字段名一一对应的，
每条校验规则是一个数组，[{},{},{}]

如果字段名是动态的，该如何处理，参考：
https://www.imooc.com/wenda/detail/411761