>  기사  >  웹 프론트엔드  >  요소 ui의 대화 상자 el-dialog 닫기 이벤트 관련(자세한 튜토리얼)

요소 ui의 대화 상자 el-dialog 닫기 이벤트 관련(자세한 튜토리얼)

亚连
亚连원래의
2018-06-04 15:08:488326검색

이제 요소 UI 대화 상자 el-대화 상자 닫기 이벤트에 대한 자세한 설명을 공유하겠습니다. 좋은 참고 가치가 있으며 모든 분들께 도움이 되기를 바랍니다.

보통 팝업창을 닫은 후 채워진 데이터를 지워야 하는 경우가 있습니다. 이때 이벤트를 종료해야 합니다

<el-dialog title="标题" :visible.sync="bind" size="small" @close=&#39;closeDialog&#39;>
</el-dialog>

태그에 @close='closeDialog'를 추가

methods

//关闭弹框的事件
closeDialog(){
 this.xxx = &#39;&#39;;//清空数据
},

위 내용은 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

js 경험 공유 JavaScript 안티 디버깅 기술

node.js를 사용하여 webpack 패키지

webpack에서 외부 모듈을 사용하는 방법

위 내용은 요소 ui의 대화 상자 el-dialog 닫기 이벤트 관련(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.