이제 요소 ui에서 대화 상자를 닫은 후 확인 조건을 지우는 방법을 공유하겠습니다. 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다.
대화 트리거 이벤트 닫기
//vue <!--添加用户dialog begin--> <el-dialog title="编辑用户" :visible.sync="dialogFormVisible" custom-class="editDialog" :close-on-click-modal="false" :before-close = "cleanContent" :show-close = "false" size='tiny'> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item label="账户名" prop="account" label-width="100px" > <el-col :span="20"> <el-input v-model="ruleForm.account" ></el-input> </el-col> </el-form-item> </el-form> <p slot="footer" class="dialog-footer"> <el-button @click="cancledialog('ruleForm')">取 消</el-button> </p> </el-dialog> //js cancledialog(formRule){ this.$refs[formRule].resetFields(); }
위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련 기사:
CSS를 사용하여 범위를 모듈로 바꾸는 방법은 무엇입니까?
위 내용은 요소 ui에서 대화 상자를 닫은 후 확인을 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!