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

问题

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

解决

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

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

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

原因

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

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

相关推荐
觉醒法师几秒前
HarmonyOS开发 - 电商App实例二( 网络请求http)
前端·http·华为·typescript·harmonyos·ark-ts
沈剑心几秒前
Kotlin的协程,真能提升编程效率么?
android·前端·kotlin
ZXT11 分钟前
项目精讲 - keepAlive
vue.js
堕落年代11 分钟前
Vue主流的状态保存框架对比
前端·javascript·vue.js
没资格抱怨13 分钟前
el-pagination的使用说明
javascript·vue.js·elementui
沐千熏18 分钟前
Liunx(CentOS-6-x86_64)使用Nginx部署Vue项目
vue.js·nginx·centos
OpenTiny社区22 分钟前
TinyVue的DatePicker 组件支持日期面板单独使用啦!
前端·vue.js
冴羽22 分钟前
Svelte 最新中文文档教程(22)—— Svelte 5 迁移指南
前端·javascript·svelte
树上有只程序猿26 分钟前
Vue3组件通信:多个实战场景,轻松玩转复杂数据流!
前端·vue.js
青红光硫化黑31 分钟前
React基础之useEffect
javascript·react.js·ecmascript