vue element 右上角×关闭弹窗并清空表单校验信息

先上图

需求：点击取消按钮和右上角的的×都要清空form表单的信息。
首先：点击取消按钮清空按钮的实现方法比较简单，不多说贴代码：

模板中代码：
取 消

js代码：
  close(formName){
     var _this = this;
     _this.$refs[formName].resetFields();
     _this.dialogFormVisible = false;
  },

然后右上角element官方弹框组件给出的是，不多说贴代码：

点击打开 Dialog


  这是一段信息
  
    取 消
    确 定
  

好了，为了把formName引入我们把:before-close="handleClose"改成:before-close="handleClose(‘form’)"带来的是项目报错。原因是handleClose里不可传参。那么该怎么办？？？？
本人研究了好久最终搞定：不多说贴代码：

模板如下：

      
        {{form.parentName}}
        
          
        
        
          
        
        
          
            
            
          
          {{form.tips}}
        

        
          
            
          
        
      
      

        
        取 消
        {{buttonText}}
      
    
脚本代码如下：
 reset(formName){
     var _this = this;
    this.$refs[formName].resetFields();
  }

不使用官方文档给出的before-close属性，而是使用close事件，问题迎刃热解！！！！！
搞定******搞定******搞定******搞定******搞定******搞定******搞定******搞定******搞定******搞定******搞定