踩坑日记记录一下
使用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] }
})
}