在使用element ui 进行表单校验的时候。混用了resetFields和clearValidate造成了个莫名奇妙的bug
记录下。
this.$refs.form.resetFields(); //移除校验结果并重置字段值
this.$refs.form.clearValidate(); //移除校验结果
// 二者都能清除验证，但是resetFields（）会重置字段值，而在vue中大量用到的数据的绑定，很可能出现
// 同一个数据绑定在多处的情况，如果滥用resetFields很可能造成界面上出现莫名的bug
// 下图为我项目中的bug
image.png
左边的树和右边的表单用了绑定了相同的数据，点击左边树的每个节点可以在右边进行编辑，右边点击保存
会对数据进行校验，左边树结构每次点击不同节点都要重置校验，我误用了resetFields，造成了会去重置仓库> 大楼数据为空,然后再次左边树结构的数据消失，变为空白。
在使用element ui 进行表单校验的时候。混用了resetFields和clearValidate造成了个莫...
https://blog.csdn.net/weixin_42717027/article/details/102...
this.$refs['form'].resetFields()
我的form在一个dialog 中，界面上有2个按钮，一个是添加，一个是修改。 界面加载之后，点击添加，再点修改没...
resetFields()方法重置表单后无法再次编辑 添加新数据时加了重置方法，但是点击调用resetFields...
清空表单的命令：``` this.props.form.resetFields();``
这个东西如果没有初始化（表单没有渲染），会报错： 看来这个清空校验跟清空表单那个一样的，需要一个初始值，清空就是还...
1：表单清空：this.form.resetFields();2：表单赋值：this.form.setFields...
Cannot read property 'resetFields' of undefined 问题及引申 百度了...
方法一： 以前常用的方法是： this.props.form.resetFields(); 方法二： 设置 ...
本文标题：resetFields和clearValidate区别
本文链接：https://www.haomeiwen.com/subject/potmcqtx.html
网友评论