resetFields和clearValidate区别

在使用element ui 进行表单校验的时候。混用了resetFields和clearValidate造成了个莫名奇妙的bug

记录下。
this.$refs.form.resetFields(); //移除校验结果并重置字段值 this.$refs.form.resetFields();//移除校验结果并重置字段值this.refs.form.clearValidate(); //移除校验结果
// 二者都能清除验证，但是resetFields（）会重置字段值，而在vue中大量用到的数据的绑定，很可能出现
// 同一个数据绑定在多处的情况，如果滥用resetFields很可能造成界面上出现莫名的bug
// 下图为我项目中的bug
resetFields()使用绑定的数据不会被更新，还是第一次赋值的数据

左边的树和右边的表单用了绑定了相同的数据，点击左边树的每个节点可以在右边进行编辑，右边点击保存
会对数据进行校验，左边树结构每次点击不同节点都要重置校验，我误用了resetFields，造成了会去重置仓库> 大楼数据为空,然后再次左边树结构的数据消失，变为空白。