element ui 對話框el-dialog關閉事件（ ×號 ）

element ui 對話框el-dialog關閉事件（ ×號 ）

通常會有需求點擊叉號清空數據但是elementUI中叉號只是一個關閉的作用，怎么解決呢？

<el-dialog title="團課課時編輯" :visible.sync="editLeagueClassFlaga" @close="closeDialog">
</el-dialog>

closeDialog(){
      this.xxx = '';//清空數據
    }

可以了就是這個@close="closeDialog"

<el-dialog :visible.sync="dialogFormVisible" @close="closeDialog('ruleForm')"></el-dialog>

// 彈窗 x號 事件
closeDialog(formName) {
      this.$refs[formName].resetFields();
      this.dialogFormVisible = false;
}