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
原文地址:https://www.cnblogs.com/adobe-lin/p/13608564.html