修改数据时,form表单重置resetFields无效原因
错误代码:
editUser(data) {
this.userDialog = true
this.ifAction = false
this.userForm = JSON.parse(JSON.stringify(data))
})
},
正确代码:
editUser(data) {
this.userDialog = true
this.ifAction = false
this.$nextTick(() => {
this.userForm = JSON.parse(JSON.stringify(data))
})
},
原因:表单的resetFields是将表单数据重置为初始值,而不是清空内容,错误代码中,会在dialog挂载成功前就将值复制给表单了,则此时表单的初始值就不是空了,所以重置时会出现重置无效的感觉