工作中遇到需要使用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即可解决。