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

相关推荐
Euato_Key11 小时前
全栈视野学习Cookie——理解 Cookie 的本质
前端
前端开发呀11 小时前
我的 AI 终端配置清单
前端
敲代码的玉米C12 小时前
测试一直在写你的真实数据根
前端·人工智能·架构
执子念的飞鱼12 小时前
File Viewer 进入 2K 节点后,我更在意这 3 条回归
前端·typescript
richdata12 小时前
动态OTB vs 静态OTB:鞋服零售该选哪种管理模式?
前端·html·零售
Jodie同志12 小时前
第16~23天:持久化、HITL、流式、MCP与安全
前端·后端·agent
Jodie同志12 小时前
第1~15天:原生Agent、RAG与LangGraph基础(完整代码实操)
前端·后端·agent
sunly_12 小时前
React useActionState 的用法详解
前端·javascript·react.js
今日无bug12 小时前
RESTful + Interface:从 todos 项目理解后端接口设计
前端·restful
用户693717500138412 小时前
#DeepSeek+Pi‑Agent 王炸组合跑赢 Claude‑Code!
前端·人工智能·后端