工作中遇到需要使用v-if 動(dòng)態(tài)切換form的部分界面，同時(shí)在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切換的時(shí)候，el-form-item 無(wú)法識(shí)別對(duì)應(yīng)的rules
原因可能是v-if是動(dòng)態(tài)插入，切換之后rules找不到對(duì)應(yīng)的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>

為每個(gè)el-form-item 添加一個(gè)可以區(qū)分的key即可解決。