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

相关推荐
凤山老林13 小时前
防抖与节流:解决Web前段高频事件,性能优化的”YYDS“
前端·防抖节流
KaMeidebaby13 小时前
卡梅德生物技术快报|核酸适配体文库筛选:核酸适配体文库筛选全流程技术解析:NGS与AI辅助方案的设计与实践
前端·人工智能·物联网·算法·百度
Wect13 小时前
TypeScript 完全指南
前端·javascript·typescript
hunterandroid13 小时前
Fragment 事务与状态丢失:从崩溃现场到稳定治理
前端
清风programmer13 小时前
H5与小程序通信
前端·vue.js·uni-app
不一样的少年_13 小时前
原来 AI Agent 的核心循环这么简单:手搓一个 Agent Loop
前端·后端·agent
爱勇宝14 小时前
你以为自己性格不好,其实只是被环境反复训练
前端·后端·程序员
phltxy14 小时前
LangChain_v1_Agent快速开发和更新说明
前端·javascript·langchain
Cobyte14 小时前
通过 Vite 运行手写的模板编译器
前端·javascript·vue.js
Hyyy14 小时前
Agent 工作流
前端