ElementUI的form关闭再打开弹窗会显示验证提示

7 阅读1分钟

解决方案:在所有关闭弹窗的地方,给个重置form表单的事件handleClose:this.$refs.form.reserFields()


<el-dialog title="创建业务流" custom-class="create-angent-dialog" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" :close-on-click-modal="false" > 
    <el-form ref="form" :model="formData" :rules="formRules"> 
        <el-form-item label="业务流名称" class="block-form-item create-agent-form-item" prop="agentFlowName" > 
            <el-input v-model="formData.agentFlowName" maxlength="30" show-word-limit placeholder="请输入业务流名称" ></el-input> 
        </el-form-item> 
       </el-form> 
       <span slot="footer" class="dialog-footer"> 
           <el-button @click="handleClose">取 消</el-button> 
           <el-button style="width: 160px" type="primary" @click="save"> 确 定 </el-button> 
       </span> 
 </el-dialog> 
 
 //方法 
 handleClose(){ 
     this.$refs.form.reserFields() 
     }