素材巴巴 > 程序开发 >

Elementui在重置表单时,无法使用this.$refs[‘formRefVal‘].resetFields()清空表单数据;

程序开发 2023-09-22 09:32:04

问题

elementui在重置表单时,无法使用this.$refs[‘formRefVal’].resetFields()清空表单数据;**

原因

根据文档显示,resetFields是对整个表单进行重置,将所有字段值重置为空并移除校验结果。但是实际上resetFields是清空validateMessage,然后把值重置成了上一次初始化的值。

如果你编辑时,第一次打开dialog的时候给表单绑定的model赋值了,这时候这个model的初始值就变成了你所赋值的值,所以resetFields的时候,会将model对应的每个值重置到初始值,这时候的初始值就是你编辑时赋值的那个值。

解决办法:

form的每个item加prop属性,需要和绑定数据的最后名称一致
在这里插入图片描述
官方说明https://element.eleme.cn/#/zh-CN/component/form


标签:

上一篇: 使用npm安装pnpm包管理器 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。