resetfileds失效问题(优雅的解决方法) 新手一个

我们使用el-dialog时,先点击编辑,再点击新增时,会出现被填充的情况,此时已经设置对话框关闭后resetfileds,但是仍然不起作用。
这是什么原因呢  有什么办法优雅的解决这个问题呢
讨论数量: 8
he21cn

比如你得表单数据是 form : {A:'',B:''} 你编辑时初始化 form:{A:'123',B:'234'} 此时你resetfileds 不是变成form : {A:'',B:''} 而是 你初始化之后得 form:{A:'123',B:'234'} 所以 建议你 重新给form 赋值为 form : {A:'',B:''}

1年前 评论
周小云 (楼主) 1年前
gao_wg 1年前

this.$refs.editForm.resetFields() 调用 resetFields 方法后,您再打开新增对话框,就不会出现被填充的情况了。

此外,您还可以在点击新增按钮后手动清空表单中的所有字段。这可以通过获取表单实例并手动清空每个字段的值来实现。例如:

Copy code const form = this.$refs.editForm form.field1 = '' form.field2 = '' ...

1年前 评论
周小云 (楼主) 1年前

饿了么ui的组件有个问题就是,你调用这个方法后他只会将设置了 rule 的字段清空,其他字段不会处理,所以这里只能手动设置为空

1年前 评论
周小云 (楼主) 1年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!