<el-form :rules="filterRules" :model="filterForm" inline ref="filterForm">
filterRules在data中定义,为表单验证的规则
filterRules:{
casualtyLossValueTime:[
{ required: true, message: '请选择影像获取时间', trigger: 'blur' },
],
zwSelected:[
{ required: true, message: '请选择作物', trigger: 'blur' },
],
inceptionDate:[
{ required: true, message: '请选择起保时间', trigger: 'blur' },
],
finalConfirmedDate:[
{ required: true, message: '请选择终保时间', trigger: 'blur' },
]
},
在最后提交的时候调用validate方法,使用的验证规则就是之前定义好的
submit() {
this.$refs.filterForm.validate((valid)=>{
if (valid){
this.GLOBAL.eventBus.$emit("showRSCropAnalysisList", 'query', this.filterForm);
} else {
return false;
}
})