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

问题

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

解决

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

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

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

原因

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

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

相关推荐
shenshizhong1 分钟前
鸿蒙HDF框架源码分析
前端·源码·harmonyos
凌晨起床9 分钟前
Vue3 对比 Vue2
前端·javascript
clausliang13 分钟前
实现一个可插入变量的文本框
前端·vue.js
yyongsheng13 分钟前
SpringBoot项目集成easy-es框架
java·服务器·前端
fruge35 分钟前
前端工程化流程搭建与配置优化指南
前端
Aress"1 小时前
uniapp设置vuex公共值状态管理
javascript·vue.js·uni-app
东芃93941 小时前
uniapp上传blob对象到后台
前端·javascript·uni-app
coding随想1 小时前
救命!网页还在偷偷耗电?浏览器Battery API事件教你精准控电,这5个场景用了都说香
前端
贝西奇谈1 小时前
JavaScript DOM节点操作详解
开发语言·javascript·php
IT_陈寒2 小时前
Redis性能翻倍的5个冷门优化技巧,90%的开发者都不知道第3个!
前端·人工智能·后端