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

问题

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

解决

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

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

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

原因

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

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

相关推荐
码艺-Alimjan28 分钟前
Vue项目源码备份最佳实践:无视node_modules,打包体积仅2MB
前端·javascript·vue.js
隔窗听雨眠38 分钟前
esbuild构建工具简介:重新定义前端构建速度的极速打包器
前端
蔓越莓1 小时前
Webpack 常用 Loader +手写Loader
前端·面试
潍坊老登2 小时前
写了一个某音自动刷视频,通过大模型分析视频主题的Android应用
前端
蔓越莓2 小时前
性能优化:webpack打包层面优化
前端·面试
TJHHH.2 小时前
XSS-labs-master
前端·web安全·xss
风月说与山鬼2 小时前
十二、Vue插件
前端·vue.js
xixiaoyunya2 小时前
JavaScript 异步编程全解析:从回调地狱到 async/await 的演进之路
开发语言·javascript·ecmascript