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;
}