element-ui에서 대화 상자가 닫힌 후 확인 조건 구현 코드가 지워집니다.

이 글은 주로 요소 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=&#39;tiny&#39;>
<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(&#39;ruleForm&#39;)">取 消</el-button>
 </p>
</el-dialog>

//js
cancledialog(formRule){
   this.$refs[formRule].resetFields();
 }

관련 권장 사항:

Easyui는 대화 상자 인라인 버튼 레이아웃을 사용합니다.

jQuery 플러그인 사용 및 종료에 대한 자세한 설명 artDialog.js

jQuery UI를 사용한 대화 상자 튜토리얼

위 내용은 element-ui에서 대화 상자가 닫힌 후 확인 조건 구현 코드가 지워집니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!