問題描述:

使用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”