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

问题

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

解决

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

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

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

原因

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

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

相关推荐
能源革命2 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
且随疾风前行.2 小时前
UI核心 - 绘制流程(测量、布局、绘制)
ui·dubbo
知野小兔2 小时前
JavaScript中Map和Set详解
javascript
deli0072 小时前
Skill 怎么写才被 Agent 命中?18 条规则做成 SKILL.md 校验器,规范样例 92 分
前端
Hum8le2 小时前
CTF题目《easy_web》(安洵杯 2019 变种 Web)
前端·安全·web安全
coding漫漫长路2 小时前
二值化后还剩1212个黑点,OCR却认成了乱码
前端
不可能片场2 小时前
AI视频口型对齐 用音频驱动说话镜头
前端·electron
Lank_M2 小时前
OCR一个字没认错,倾斜2.5°却把行序排乱了
前端
daols883 小时前
vue 表格组件 vxe-table 实现自定义多行编辑功能
前端·javascript·vue.js·vxe-table
不要试图纠正别人3 小时前
别让大模型算钱:我把优惠券组合优化写成了确定性算法
前端