resetFields后表单数据仍然没有被清空
原因:
resetFields是将form表单重置到初始值,而这个初始值是form表单mounted后的值,也就是点击了【修改】时赋的值。
解决方法有多种:
解决Element resetFields()重置表单不生效的问题 - SegmentFault 思否
Element UI 表单resetFields(),form表单没办重置的原因及解决方法
我这里只是简单的在resetFilds方法下面加上了自己定义的resetForm方法
resetForm() {
for (const key in this.form) {
this.form[key] = undefined
}
},
add() {
// 取消查看模式
this.checkFlag = false
this.isAdd = true
if (this.$refs['form'] !== undefined) {
this.$refs['form'].resetFields()
}
this.resetForm()
//如果表单初始化有特殊处理需求,可以在resetForm中处理
},