<template>
<!-- 记录element ui 中el-dialog中清除表单检验问题 -->
<div>
<el-dialog
title="质检结果"
:visible.sync="dragVisible"
width="35%"
:before-close="handleClose"
@open="open()"
@close="close()"
>
<!-- 表单校验错误(input框有值提交的时候一直提示错误) -->
<!-- prop的值和rules校验规则中的值要与input绑定的值一样,即三者都应该为entry_fee
表单绑定的数据addForm在data中定义的时候要有input框绑定的值 即: -->
</div>
</template>
<script>
export default {
methods:{
open(){
this.$refs.dynamicValidateForm.clearValidate()
}
}
}
</script>
表单校验错误(input框有值提交的时候一直提示错误)
1、首先需要保证表单上的 :model=" “和prop=” "绑定正确;下面是官网的例子:
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="活动名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="活动区域" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-form>
export default {
data() {
return {
ruleForm: {
name: '',
region: ''
}
};
}
}
2、验证时提示:[Element Warn][Form]model is required for validat