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

问题

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

解决

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

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

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

原因

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

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

相关推荐
xiami_world8 分钟前
2026年UI/UX设计工具私有化部署方案深度解析
人工智能·ui·ai·产品经理·ux
云水一下12 分钟前
Vue.js从零到精通系列(一):初识Vue——背景、环境与第一个应用
前端·javascript·vue.js
大大杰哥13 分钟前
Vue2学习(1)--了解基本方法与概念
javascript·学习·vue
云水一下24 分钟前
Vue.js从零到精通系列(二):响应式核心——ref、reactive、computed与watch
前端·javascript·vue.js
放下华子我只抽RuiKe524 分钟前
FastAPI 全栈后端(二):路由与数据模型
前端·人工智能·react.js·前端框架·html·fastapi
lichenyang45343 分钟前
ArkTS 严格类型系统:我答错 2 道题后才真正搞懂的几条规则
前端
小小小小宇44 分钟前
定高、不定高、瀑布流虚拟列表
前端
天启HTTP1 小时前
开启全局代理后网络变慢,问题出在哪
开发语言·前端·网络·tcp/ip·php
卡布鲁1 小时前
Webpack 核心原理与自定义 Loader/Plugin 实战
前端·javascript
小林ixn1 小时前
从拼多多手机号验证到模板引擎:深入正则表达式与 JS 字符串处理
开发语言·javascript·正则表达式