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
posted @ 2020-09-03 16:58  代码小伙  阅读(3654)  评论(0编辑  收藏  举报