el-dialog踩坑！！！点击添加调用了修改接口

<el-dialog
      :title="title"
      :visible.sync="dialogVisible"
      class="assets-edit-modal"
      width="1000px"
      @close="$refs['formData'].resetFields()"//<<<不能直接取消校验，缓存数据依然存在
      @close="closeDialog"//正确写法》》清空缓存和校验
    >

之前写之前没想太多，只想着取消表单校验忽略了编辑后再添加的缓存问题，我是根据id是否存在来调用添加或者编辑接口，导致我编辑后点击添加调用的却是编辑接口，就是没有清空缓存id存在 

正确写法应该如下

     closeDialog() {
      this.formData = {}
      // this.formData.jcGhyt = ''
      this.zclxOptions = []
      this.ckId = ''
      this.$refs.formData.resetFields()
      this.dialogVisible = false
    }, 

   saveData(formName) {//保存方法

      this.$refs[formName].validate((vaild) => {

        console.log(this.dataId,this.cqId,'>>>');

        if (vaild) {

          if (this.cqId) {

            // if  id存在调用修改接口

            this.zczEditFn()

          } else {

            this.zczAddFn()

            //else 添加接口

          }

        }

      })

    },