在通過v-if來控制表單的動態顯示時，會出現表單驗證無效的情況，實際上是因為vue的diff算法，在diff算法中會盡可能的復用組件，所以切換了表單后，diff算法會復用組件，並沒有重新渲染，所以需要配合key屬性
解決方案有：
1. 在 v-if 的元素上添加 key 標識，將動態組件區分開
2. 用 v-show 代替 v-if，此方法可能會導致其他問題，需結合實際情況
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
vue+elementui動態表單
vue+elementUI動態增加表單項並添加驗證
vue+ElementUI動態生成新表單並添加驗證
Vue+elementUI開發中 Cannot read property 'resetFields' of undefined 問題解決以及原因分析
Vue+ElementUI動態切換驗證規則， 以及自定義驗證會引起表單驗證失效，使用callback(）解決
vue+elementUI表單驗證控制空格
vue+Elementui表單驗證基本使用
vue+elementui 封裝表單驗證
vue+elementui 動態改變表單必填項
vue+elementUI 表單校驗