Element二次弹窗出现表单验证失败问题

项目场景：

Element二次弹窗出现表单验证失败问题

---

问题描述

第一次打开弹窗按钮上加入$nextTick(),重置表单即可

 handleAtrack(row){
      this.queryObj = JSON.parse(JSON.stringify(row))
      this.innerVisible = true
      this.$nextTick(()=>{
        this.$refs.ruleForm.resetFields()
      })
    },

---

原因：

el-form提供的resetFields()方法是清空在mouted之后输入到dom上的值,如果需要编辑回显值, 需使用nextTick()在回调函数里进行表单数据的回显

nextTick方法作用于下次DOM更新循环结束之后执行延迟回调,在修改数据之后使用nextTick,则可以在回调中获取更新后的DOM