el-form 新增编辑 回显验证问题

 handleClickAdd() {

            this.dialogTitle = this.$t('contract.add')

            this.showDialog()

            this.resetForm()

        },

正确代码

        handleClickEdit(row) {

            this.dialogTitle = this.$t('contract.edit')

            this.showDialog()

            this.$nextTick(() => {

                this.$refs.ruleForm.clearValidate()

                this.setForm(row)

            })

        },

错误代码

handleClickEdit(row) {

            this.dialogTitle = this.$t('contract.edit')

            this.setForm(row)

            this.showDialog()

        },

点击编辑之后 在点击新增 编辑得数据会在新增得form表单里面  原因是因为初始化弹框和数据赋值顺序不对,需要先初始化弹框之后在给form表单赋值,这样在新增得时候使用清楚表单数据和验证才能生效