v-if 遇到 el-form 表单验证规则遇到的bug

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 不然页面渲染出来,会复用之前的页面结构,虽然显示了必填星号,但是验证规则不起作用

相关推荐
bjzhang7514 小时前
使用 HTML + JavaScript 实现积分抽奖系统
前端·javascript·html
京东零售技术15 小时前
2025京东零售技术年度精选 | 技术干货篇(内含福利)
前端·javascript·后端
悦E佳15 小时前
资源&问题链接
前端
布列瑟农的星空15 小时前
2025年度总结——认真生活,快乐工作
前端·后端
点亮一颗LED(从入门到放弃)15 小时前
设备模型(10)
linux·服务器·前端
xingzhemengyou115 小时前
Python 有哪些定时器
前端·python
木西15 小时前
Gemini 3 最新版!Node.js 代理调用教程
前端·node.js·gemini
婷婷婷婷16 小时前
表格组件封装详解(含完整代码)
前端
晴虹16 小时前
lecen:一个更好的开源可视化系统搭建项目--页面设计器(表单设计器)--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
前端·后端·低代码
小皮虾16 小时前
这应该是前端转后端最简单的办法了,不买服务器、不配 Nginx,也能写服务端接口,腾讯云云函数全栈实践
前端·javascript·全栈