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

问题

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

解决

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

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

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

原因

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

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

相关推荐
青青家的小灰灰4 分钟前
从入门到精通:Vue3 ref vs reactive 最佳实践与底层原理
前端·vue.js·面试
OpenTiny社区16 分钟前
我的新同事是个AI:支持skill后,它用TinyVue搭项目还挺溜!
前端·vue.js·ai编程
心在飞扬25 分钟前
MultiVector 多向量检索
前端·后端
用户390513321928829 分钟前
async 函数返回的 Promise 状态何时变为 resolved
前端
李剑一35 分钟前
大屏天气展示太普通?视觉升级!用 Canvas 做动态天气遮罩,雷阵雨效果直接封神
前端·vue.js·canvas
Lee川1 小时前
现代Web开发中的CSS继承、Flexbox布局与LocalStorage交互:从文档解析到实践应用
前端·css
csdn飘逸飘逸1 小时前
Autojs基础-用户界面(ui)
javascript
炫饭第一名1 小时前
速通Canvas指北🦮——图形、文本与样式篇
前端·javascript·程序员
本末倒置1831 小时前
面向 Vue 开发者的 Next.js 快速入门指南
前端·vue.js
暴走的小呆1 小时前
vue3暗影代理:非原始值的响应式迷局
前端