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

相关推荐
我不是外星人2 小时前
我把 Claude Code 搬到网页!自研高颜值 Web 交互工作台
前端·ai编程·claude
mixuecoding3 小时前
零成本搭建全球科技热点情报站:12 个平台,6 小时,0 元
前端
用户059540174463 小时前
用了3年Mock,才发现Redis记忆存储的测试一直漏掉了60%的边界场景
前端·css
石小石Orz3 小时前
AI具身交互:实现一个会说话的3D虚拟伴侣
前端·人工智能·后端
Muen3 小时前
iOS设计模式-外观Facade
前端
Cobyte3 小时前
21.Vue Vapor 组件的实现原理
前端·javascript·vue.js
前端双越老师3 小时前
我从 0 开发的 AI Agent 智语项目发布了
前端·node.js·agent
橙某人3 小时前
LogicFlow 工作流撤销与重做:从「全量快照」到「命令模式」🎯
前端·vue.js
铁皮饭盒4 小时前
Rust版Bun1.4之前, 盘点Bun1.3新特性
前端·javascript·后端