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

问题

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

解决

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

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

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

原因

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

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

相关推荐
前端探险家Rick9 分钟前
React Native 二级弹出面板 + 键盘适配:从踩坑到正确方案
前端
用户9210802628613 分钟前
MCP 是什么?用 Figma MCP 辅助还原 Vue 页面
前端
用户9210802628613 分钟前
用 Figma MCP 还原 Vue 页面时,我遇到的三个问题
前端
修罗王13 分钟前
从 React Bits 到 Vue/Svelte Bits:重新定义前端“视觉表达层“
前端
kiros_wang15 分钟前
Notification 本地通知:定时消息、点击路由跳转、桌面角标适配
前端
计算机毕设定制辅导-无忧学长19 分钟前
《基于Vue的流浪动物救助中心管理系统的设计与实现》
java·vue.js·spring boot·流浪动物救助中心管理系统
flash俊杰22 分钟前
SQLite + sqlite-vec:100 篇文档内的私域知识库怎么做
前端
Hilaku38 分钟前
为什么死磕 1px 的团队,用户体验反而更差?
前端·javascript·程序员
雪芽蓝域zzs40 分钟前
第25章:地图下钻交互(点击省份,切换到对应省份城市地图)
vue.js·echars