element UI -- Dialog关闭后清除验证条件

表单新建好之后,通常需要清除表单的验证条件和输入的内容
这时我们就用到了element Dialog的close事件,是关于Dialog关闭时的回调

 <el-dialog title="添加用户" :visible.sync="addShow" class="maintain" @close="closeDialog('addForm')">
       <el-form :model="form" :inline="true"  ref="form">
           <el-form-item label="姓名" prop="name" :rules="[{required:true,message:'姓名不能为空'}]">
                 <el-input v-model="form.name"></el-input>
           </el-form-item>
           <el-form-item label="年龄" prop="age" :rules="[{required:true,message:'年龄不能为空'}]">
                <el-input v-model="form.age"></el-input>
           </el-form-item>
       </el-form>
</el-dialog>

closeDialog(formRule){
    this.$refs[formRule].resetFields();
}

你可能感兴趣的:(element,前端)