요소 UI - Dialog 종료 후 유효성 검사 기준 지우기

폼을 새로 만든 후에 폼의 검증 조건과 입력한 내용을 지워야 합니다. 이 때 우리는 요소 다이얼로그의close 이벤트를 사용합니다. 다이얼로그가 닫혔을 때의 리셋입니다.
 <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();
}

좋은 웹페이지 즐겨찾기