v-if切换后validate失效的问题

工作中遇到需要使用v-if 动态切换form的部分界面，同时在summit之前需要validate

<el-row v-if="A">
           <el-col :span="18">
                <el-form-item  prop="para1" :rules="..."
                </el-form-item>
           </el-col>
 </el-row>
<el-row v-if="B">
        <el-col :span="18">
               <el-form-item  prop="para2" :rules="..."
                </el-form-item>
         </el-col>
</el-row>

类似于这种，AB切换的时候，el-form-item 无法识别对应的rules
原因可能是v-if是动态插入，切换之后rules找不到对应的prop ？ 具体原因不详

<el-row v-if="A">
           <el-col :span="18">
                <el-form-item key=“para1” prop="para1" :rules="..."
                </el-form-item>
           </el-col>
 </el-row>
<el-row v-if="B">
        <el-col :span="18">
               <el-form-item  key=“para2” prop="para2" :rules="..."
                </el-form-item>
         </el-col>
</el-row>

为每个el-form-item 添加一个可以区分的key即可解决。