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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容