elementUI中select下拉框設置了多選multiple之后 一進頁面就觸發(fā)校驗bug

問題描述 : 在elementUI中 , Form表單設置了rules校驗規(guī)則 , 正常情況下 , 進頁面是不會觸發(fā)校驗規(guī)則的 , 但是select下拉框設置了multiple 多選屬性之后 , 就會產(chǎn)生bug . 原因是select下拉框設置多選屬性之后 , 進頁面就會觸發(fā)change事件導致觸發(fā)校驗規(guī)則 , 如圖

bug現(xiàn)象

解決方案 :
1 . 在 created 鉤子函數(shù)中 , 默認將綁定的值設置為空數(shù)組 this.$set(this.rowData, 'reason', [])? /* this.rowData為props接收的對象, reason是select下拉框v-model綁定的值 */?

解決方案1

2 . 其他同事的做法 , 設置一個data值 , 校驗的時候去控制

解決方案2

3 . 之前在網(wǎng)上看的方法 , 其實感覺不是很正確哈 , 應該是我水平低了 , 我寫的時候 , 會發(fā)生其他的bug. 使用?this.$refs.editForm.resetFields() 在created中清空form表單的校驗 , 注意要寫在 nextTict中 , 方法比較暴力 , 確實可以將檢驗關閉 , 但是我這邊產(chǎn)生了bug , 就是其他的input輸入框 , 不能渲染輸入的內(nèi)容 , 每次輸入的內(nèi)容都會被清掉 ... 有興趣的可以研究一下 , 然后給我留言哦 ~

未解決bug的方案
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容