出现这个问题的原因找了好久才找到,最后综合网上各位大佬的方法解决了
场景:打开第一条数据的编辑的对话框不做任何修改关掉,在打开第二条数据的对话框然后关闭,神奇的事情发生了,表格里第二条数据的某些字段的内容跟第一条数据一摸一样。
解决办法:在dialog的close方法里的重置表单的方法改成这样
// 表单重置
resetForm(refName) {
if (this.$refs[refName]) {
this.$nextTick(() => {
this.$refs[refName].resetFields()
})
}
}
然后在编辑的时候等到DOM更新完成再赋值
this.$nextTick(() => {
this.dialogForm = Object.assign({}, row)
})