问题:如题element UI 对话框编辑取消事件,当前行会清空或者被替换掉,table表格里的编辑按钮打开对话框,关闭对话框,this.$refs.ruleForm.resetFields()不生效或者说table当前行数据被覆盖或者为空等异常情况。
解决:试试加上this.$nextTick。
取消事件代码如下:
resetForm() {
this.$nextTick(() => {
this.$refs.ruleForm.resetFields()
this.ruleForm = {
name: ''
}
})
this.dialogFormVisible = false
},
参考:element-ui的表单重置方法resetFields()的坑,及简单解决。_斜杠的博客-CSDN博客_elementui 表单重置