問題描述:
使用Vue + Element 中的 el-from-item 使用v-if控制dom顯示隱藏表單驗(yàn)證出現(xiàn)的問題谱俭。
當(dāng)el-select 的值發(fā)生改變的時(shí)候竖般,el-form-item 要進(jìn)行驗(yàn)證的時(shí)候钾腺,會(huì)保留之前的驗(yàn)證的狀態(tài)的奇怪的效果
原因:
根據(jù)vue和element的源碼了解房匆,大概是v-if在操作dom的時(shí)候妓布,在根節(jié)點(diǎn)進(jìn)行的刪減购城,而element在封裝的時(shí)候沒考慮這塊,導(dǎo)致rules判斷的時(shí)候刨疼,無法取到v-if添加進(jìn)來的prop值
解決的方式
在 el-form-item 中添加一個(gè)屬性key泉唁,key的值只要是獨(dú)一無二即可 比如: :key=“item.id”