- Vue组件库element-ui中的Form表单组件提供了表单验证功能
- 通过rules属性传入验证规则
- Form-Item中的prop属性设置需要校验的字段名
如图所示,el-form-item元素的prop属性绑定字段名telphone,表单验证时,就会验证el-input元素绑定的变量ruleForm.telphone的值是否符合验证规则
官方文档对表单属性prop的说明:
如图所示,el-form-item元素的prop属性绑定字段名telphone,表单验证时,就会验证el-input元素绑定的变量ruleForm.telphone的值是否符合验证规则
官方文档对表单属性prop的说明: