element的resetFields重置失败，在编辑后，再次点击新增弹框回显了修改行的数据

踩坑日记记录一下

使用this.$refs.form.resetFields进行表单重置，操作第一次点击弹框为新增状态时，表单重置成功，第一次点击弹框为编辑状态时，再次点击新增，会回显第一次点击修改时的表单的值，表单重置失败，

很显然，重置效果是生效的，当第一次点击弹框的状态为编辑时，已经给form表单填上了数据，重置表单读取的是表单第一次渲染完成时form的值，那么表单渲染完成前，将这个form表单值置空就行了

//:visible.sync 这个类似于v-if必须写
<el-dialog
              title="弹框"
              :visible.sync="dialogVisible"
              @close="handleDialogCancel"
            >
</el-doalog>

dialogVisible(){
    // 打开弹框
    this.configDialogVisible = true

      // 表单需要渲染完成后再重置
      this.$nextTick(() => {
        this.configForm = { ...this.selectList[0] }
      })

}