表单新建好之后,通常需要清除表单的验证条件和输入的内容
这时我们就用到了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();
}