【前端】解决element-ui的form组件resetFields()方法不生效的问题

问题

使用element-ui的form组件,在输入栏较多的时候,有时resetFields只能重置一部分输入框的值

解决

给每个值赋值初始值为空即可

例如,需要清除的:model="queryForm.bgnTime"、:model="queryForm.endTime"等一系列的值,那么就不要只定义queryForm:{},而是要把对象下的各个属性赋值初值为空

再使用this.$refs.queryForm.resetFields()之类的方法

原因

可能的原因是,resetFields只是将字段值重置为初始值,当要初始化的值较多且均未明确确定初始值时,可能会有一定的异常出现em

如果有大佬了解更深入的原因的话,愿闻其详

相关推荐
红尘散仙8 小时前
谁说终端只能敲键盘?我用 Rust 给小说阅读器加上了鼠标
前端·后端·rust
Penge6668 小时前
《Go 后端开发者学 React:组件通信与插槽》
javascript
陈随易9 小时前
C++26 草案被否,二十八年来头一回
前端·后端·程序员
ZhengEnCi10 小时前
Agent 工具怎么折叠海量输出才「爽」:Trae、Claude Code 的渐进式披露设计原理
前端·agent
Penge66610 小时前
《Go 后端开发者学 React:useState》
javascript
Penge66610 小时前
《Go 后端开发者学 React:数据渲染》
javascript
IT_陈寒13 小时前
Redis内存暴涨,没想到是AOF重写捣的鬼
前端·人工智能·后端
ikoala13 小时前
让 Codex 自己查账:一个省 token 的小技巧
前端·后端·ai编程
ikoala13 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程
Penge66613 小时前
《Go 后端开发者学 TypeScript:ES Module了解》
javascript