resetFields和clearValidate区别

    xiaoxiao2022-07-07  143

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

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

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

    最新回复(0)