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

问题

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

解决

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

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

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

原因

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

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

相关推荐
一枚前端小姐姐4 分钟前
Vue3 组合式 API(setup + script setup)实战
前端·vue.js
一拳不是超人21 分钟前
从“必选项”到“性能包袱”:为什么现代框架开始“抛弃”虚拟 DOM?
前端·javascript·架构
田里的水稻24 分钟前
OE_ubuntu24.04如何安装中文简体拼音输入法
运维·前端·chrome
wordbaby25 分钟前
🚀 从零到一实战:基于 Taro 构建纯血鸿蒙 (HarmonyOS NEXT) 应用踩坑全指南
前端
慧一居士28 分钟前
ESM 在前端开发中的介绍和使用指导
前端
禾味32 分钟前
过程即奖励|前端转后端经验分享
前端·后端·面试
苡~42 分钟前
【openclaw+claude】手机+OpenClaw+Claude实现远程AI编程系列大纲
java·前端·人工智能·智能手机·ai编程·claude api
阿懂在掘金1 小时前
别再写换皮 Options 了!Vue3 Setup 真正的用法的是这3步升级
vue.js
Ryan今天学习了吗1 小时前
前端知识体系总结-前端工程化(Webpack篇)
前端·面试·前端工程化
Ryan今天学习了吗1 小时前
前端知识体系总结-前端工程化(Babel篇)
前端·面试·前端工程化