关于vue element-ui form表单重置时遇到的问题 resetFields方法提前执行

在做表单提交的时候遇到了个奇葩的问题，我提交表单要把表单的数据传递给父组件，在提交过后有一个重置表单的操作，

以下为项目中提交操作的部分代码，场景为点击表单中的提交按钮会把表单数据提交给父组件，其中this.eliminate()方法是我封装的一个清空表单的函数

    // 配件新增~修改的提交按钮操作
    submitForm(form) {
      this.$refs[form].validate((valid) => {
        if (valid) {
          this.formDate.ftype = 5
          this.formDate.fstatus = 1
          this.formDate.forgid = this.userInfo.orgId
          this.formDate.fdeptcode = this.userInfo.tdcode
          this.formDate.fdeptname = this.userInfo.tdName
          this.formDate.fdoctorcode = this.userInfo.userCode
          this.formDate.fdoctorname = this.userInfo.userName
          if (this.title == '新建退库单' || this.title == '领用单退库') {
            this.formDate.type = 1
            // this.formDate.ckmc = this.ckmc
            // this.formDate.fdb_ckmc = this.fdb_ckmc
            // 把form传给父组件
            this.$emit('submitForm', this.formDate)
          } else if (this.title == '修改退库单') {
            this.formDate.type = 2
            // 把form传给父组件
            this.$emit('submitForm', this.formDate)
          } else {
            this.formDate.type = 3
            this.$emit('submitForm', this.formDate)
          }

          // 重置表单
          this.eliminate()

        } else {
          /* 不通过校验进行的操作 */
          return false
        }
      })
    },

在这里我使用了常用的element-ui form表单自带的清空表单的方法

以下是我一开始用的清空表单的方法

eliminate() {
      this.lydData = []
      this.formDate = {
        fdb_fdeptname: '',
        fdb_forgname: '',
        fdate: '',
        fbillnum: '',
        foperator: '',
        yy_ftheme: '',
        ckmc: '',
        yy_fid: ''
      }

      // 重置表单的校验结果
       this.$refs.form.resetFields()
      // this.$nextTick(() => {
      //   this.$refs.form.resetFields()
      // })
    }

可以看到，使用的是element-ui表单自带的resetFields方法来清空的表单

这是element-ui官方对这个方法的解释

但我使用过这个方法后发现这个方法在我子传父this.$emit操作之前就执行了，这个方法提前把我的表单数据给清空了，导致我的表单数据被清空从而没有传到父组件 ，于是我在网上查阅大量相关文章，也没找到相关的资料，只发现这个问题的出现是执行顺序导致的问题，在下面加了this.$nextTick方法可以暂时解决这个问题，但是感觉并不规范，后来我又找到了一个方法

// 把清空表单方法
this.$refs.form.resetFields() 
// 替换成
this.resetForm('form')

最后成功解决重置表单方法在子传父之前执行的问题，至于为什么执行顺序提前执行原因暂时还没找到，有踩过坑的大佬欢迎继续补充

以上