요소의 vue 양식 유효성 검사와 관련된 문제

본 글에서는 주로 폼 검증 시 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: 양식을 제출하려면 클릭하세요

(기억할 부분이 있습니다，<el-button type="primary" @click="submitForm(&#39;ruleForm&#39;)">提交表单</el-button>이 부분은 따옴표로 묶어야 합니다. 완료하세요

submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {

여기에 내용이 나와 있습니다. 확인이 성공한 후에 하세요

} else {
console.log('error submit!!');
return false;
}
});
},

위 내용은 모든 사람을 위해 편집한 내용이므로 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

jquery에서 지정된 인덱스 값을 얻는 방법

MUI에서 사이드 슬라이딩 메뉴 구현하는 방법

off- in mui 프레임워크 캔버스 측면이 파트를 넘어 슬라이딩되는 문제

vue2.0에서 better-scroll을 사용하여 모바일 슬라이딩을 구현하는 방법

영역 스크롤 문제에 대해 Vue에서 cli+mui 사용하기

vue의 온라인 유료 강좌(자세한 튜토리얼)

위 내용은 요소의 vue 양식 유효성 검사와 관련된 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!