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

如图所示,el-form-item元素的prop属性绑定字段名name,表单验证时,就会验证el-input元素绑定的变量ruleForm.name的值是否符合验证规则
官方文档对表单属性prop的说明:
版权声明:本文为qq469234155原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。

如图所示,el-form-item元素的prop属性绑定字段名name,表单验证时,就会验证el-input元素绑定的变量ruleForm.name的值是否符合验证规则
官方文档对表单属性prop的说明: