본 글에서는 주로 폼 검증 시 vue와 결합된 요소의 해결방법을 소개하고 있는데, 값이 있을 경우 오류가 뜹니다. 필요한 친구가 참고하면 됩니다.
바운드 값은 규칙에서 지정한 값과 동일해야 합니다. ------ -
1단계:
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
규칙 추가 ref
2부:
<el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item>
prop 추가
3부:
rules: { name: [ { required: true, message: '请输入活动名称', trigger: 'blur' }, { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } ], resource: [ { required: true, message: '请选择活动资源', trigger: 'change' } ], }
여기에 필수를 추가하면 prop을 추가할 필요가 없습니다. 뒤에; 여기 기타 자세한 확인 사항은 문서를 참조하세요
파트 4: 양식을 제출하려면 클릭하세요
(기억할 부분이 있습니다,3f8cf67e36c8c913f9423253189fad66提交表单7485571ee57e8f18a622e724e109ecc3
이 부분은 따옴표로 묶어야 합니다. 완료하세요
submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) {
여기에 내용이 나와 있습니다. 확인이 성공한 후에 하세요
} else { console.log('error submit!!'); return false; } }); },
위 내용은 모든 사람을 위해 편집한 내용이므로 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련 기사:
off- in mui 프레임워크 캔버스 측면이 파트를 넘어 슬라이딩되는 문제
vue2.0에서 better-scroll을 사용하여 모바일 슬라이딩을 구현하는 방법
영역 스크롤 문제에 대해 Vue에서 cli+mui 사용하기
위 내용은 요소의 vue 양식 유효성 검사와 관련된 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!