直接上代码
gitHub上异步校验地址
<Form ref="formValidate" :model="data" :label-width="200" :rules="ruleInline" :show-message="false">
<div class="Modal_form_row">
<div class="Modal_form_row_col">
<FormItem
label="坝址所在区县"
prop="skbzszqxqhdm"
>
<TreeDropDown
:localitycodes="treeLocalitycodes"
:ZoningName="treeLocalityname"
:maxLocalitylevel="5"
@handleFocus="handleFocus"
@SelectedNodeCalbake="SelectedNodeCalbake"
/>
</FormItem>
</div>
</div>
</Form>
ruleInline:{
skbzszqxqhdm:[
{ required: true, message: '请选择坝址所在区县', trigger: 'change'},
{validator(rule, value){
return new Promise((resolve, reject) => { //这里进行异步校验
if (!value) {
reject('请选择坝址所在区县'); // 当值为空时为错误的回调,报红
} else {
resolve();
}
});
}}
]
},