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,造成了會去重置倉庫> 大樓數據爲空,然後再次左邊樹結構的數據消失,變爲空白。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章