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

问题

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

解决

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

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

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

原因

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

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

相关推荐
wordbaby3 分钟前
TypeScript 类型断言和类型注解的区别
前端·typescript
谁是听故事的人4 分钟前
vue前端面试指南
前端·vue.js·面试
名字被你们想完了7 分钟前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(十)
前端·flutter
千寻girling9 分钟前
面试官: “ 请你讲一下 package.json 文件 ? ”
前端·javascript·面试
如果你好12 分钟前
解决深拷贝循环引用痛点:一篇看懂 WeakMap 实现方案
前端·javascript
han_15 分钟前
前端性能优化之性能指标篇
前端·javascript·性能优化
爱生活的苏苏15 分钟前
修改默认滚动条样式
开发语言·javascript·ecmascript
小p17 分钟前
nextjs学习1:回顾服务端渲染SSR
vue.js
铭毅天下22 分钟前
Easysearch UI vs Kibana——可视化工具选型指南
ui