element-ui表单验证的trigger的值，触发其他的验证
赵氏宗祠看element-ui给的例⼦trigger可以取’change’，'blur’等值，但是并不是所有的验证项都可以被这样触发，如何主动控制触发验证呢？可以使⽤validateField。看element-ui⾃定义验证⾥⾯就有⼀个例⼦，在“密码”不为空的时候去验证“确认密码”字段：
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px"class="demo-ruleForm">
<el-form-item label="密码" prop="pass">
<el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="checkPass">
<el-input type="password" v-model="ruleForm.checkPass" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="年龄" prop="age">
<el-input v-model.number="ruleForm.age"></el-input>
cpa审计</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
<el-button @click="retForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
<script>
喻的成语
export default{
data(){
var checkAge=(rule, value, callback)=>{
if(!value){
硬件设施return callback(new Error('年龄不能为空'));
}
tTimeout(()=>{
if(!Number.isInteger(value)){
callback(new Error('请输⼊数字值'));
}el{
if(value <18){
callback(new Error('必须年满18岁'));
}el{
callback();
}
}
},1000);
};
var vaildatePass=(rule,value,callback)=>{
if(value ===''){
callback(new Error('请输⼊密码'));
}el{
if(this.ruleFrom2.checkPass !==''){
应急处理预案
this.$refs.ruleForm2.validateField('checkPass')
}
}
};
var validatePass2=(rule, value, callback)=>{
if(value ===''){
callback(new Error('请再次输⼊密码'));默默无闻的人
}el if(value !==this.ruleForm.pass){
callback(new Error('两次输⼊密码不⼀致!'));
}el{
callback();
}
};
李书同return{
ruleForm:{
pass:'',
checkPass:'',
age:''
},
rules:{
rules:{
pass:[
{ validator: validatePass, trigger:'blur'}
]
,
checkPass:[
{ validator: validatePass2, trigger:'blur'}
],
age:[
{ validator: checkAge, trigger:'blur'}
]
}
};
},
methods:{
安仁古镇旅游攻略submitForm(formName){
this.$refs[formName].validate((valid)=>{
if(valid){
alert('submit!');
}el{
console.log('error submit!!');
return fal;
}
});
},
retForm(formName){
this.$refs[formName].retFields();
}
}
}
</script>
所以可以在主动验证的地⽅调⽤fs[formName].validateField(‘验证字段名’)
