>  기사  >  웹 프론트엔드  >  요소의 vue 양식 유효성 검사와 관련된 문제

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

亚连
亚连원래의
2018-06-11 10:41:202187검색

본 글에서는 주로 폼 검증 시 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: &#39;请输入活动名称&#39;, trigger: &#39;blur&#39; },
{ min: 3, max: 5, message: &#39;长度在 3 到 5 个字符&#39;, trigger: &#39;blur&#39; }
],
resource: [
{ required: true, message: &#39;请选择活动资源&#39;, trigger: &#39;change&#39; }
],
}

여기에 필수를 추가하면 prop을 추가할 필요가 없습니다. 뒤에; 여기 기타 자세한 확인 사항은 문서를 참조하세요

파트 4: 양식을 제출하려면 클릭하세요

(기억할 부분이 있습니다,3f8cf67e36c8c913f9423253189fad66提交表单7485571ee57e8f18a622e724e109ecc3이 부분은 따옴표로 묶어야 합니다. 완료하세요

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

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

} else {
console.log(&#39;error submit!!&#39;);
return false;
}
});
},

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

관련 기사:

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

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

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

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

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.