elmentUI 使用v-if之后表单验证失效

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

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

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

1. 在v-if的元素(如div等)上加上key值

2. v-if改为v-show

3. el-form-item标签前加一个div

   <el-form-item label="链接" v-if="addForm.newsType == '2'" prop="newsLink" :key="123">
           <el-row :gutter="10">
           <el-col :span="12">
               <el-input :rows="6" placeholder="请输入链接"  v-model="addForm.newsLink"></el-input>
           </el-col>
           </el-row>
       </el-form-item>

本人选择了方案1 随便写个key :key=”123”

转载至 https://www.cnblogs.com/adobe-lin/p/13608564.html