element-ui表单验证遇到v-if时不生效


最近发现,element-ui表单验证遇到v-if时不生效

比如登录页面可能含有手机号登录和邮箱登录等多种方式

我通过一个属性,比如type来去决定用户使用哪种登录方式,再展示具体表单,发现部分字段无法验证,这是表单复用的一个问题导致。

解决方案有以下3种:

  1. 在v-if的元素(如div等)上加上key值
  2. v-if改为v-show
  3. el-form-item标签前加一个div


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM