v-if 遇到 el-form 表单验证规则遇到的bug
需求:当表单项中的单选框选择 是 的时候,上传图片组件为必填项
vue
<el-form-item
label="展示图"
prop="displayImage"
v-if="dengmiQueryForm.isRecommend == 0"
key="hasRules"
>
<ImageUpload
:limit="1"
:fileSize="2"
ref="imageUploadRef2"
:value="imgList2"
/>
</el-form-item>
<el-form-item label="展示图" v-else key="noRules">
<ImageUpload
:limit="1"
:fileSize="2"
ref="imageUploadRef2"
:value="imgList2"
/>
</el-form-item>
特别注意:需要添加 key 不然页面渲染出来,会复用之前的页面结构,虽然显示了必填星号,但是验证规则不起作用