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

问题

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

解决

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

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

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

原因

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

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

相关推荐
a111776几秒前
实验室预约管理系统(开源 FastAPI + Vue )
vue.js·开源·fastapi
念念不忘 必有回响1 分钟前
码云流水线前端资源传输至目标服务器
运维·服务器·前端
我是伪码农8 分钟前
Vue 2.2
前端·javascript·vue.js
●VON11 分钟前
React Native for OpenHarmony:深入剖析 Switch 组件的状态绑定、无障碍与样式定制
javascript·学习·react native·react.js·von
就是有点傻12 分钟前
WPF加载动画
ui·wpf
时光追逐者29 分钟前
一个基于 .NET + Vue 实现的通用权限管理平台(RBAC模式),前后端分离模式,开箱即用!
前端·vue.js·c#·.net·.net core
Aotman_31 分钟前
Vue el-table 表尾合计行
前端·javascript·vue.js·elementui·前端框架·ecmascript
编程猪猪侠34 分钟前
Vue3 + Ant Design Vue 实现 Table 表格嵌套 Radio 单选框
javascript·vue.js·anti-design-vue
phltxy37 分钟前
Vue3 + Vite:从入门到实战——核心指令全解析
vue.js·vue
静小谢38 分钟前
vue3实现语言切换vue-i18n
前端·javascript·vue.js