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

相关推荐
奶昔不会射手9 分钟前
自定义vue3函数式弹窗
前端·javascript·css
new code Boy16 分钟前
前端全栈之路
前端
牛奶30 分钟前
为什么敲几个字母就能访问网站?DNS原理大揭秘
前端·http·dns
wuhen_n32 分钟前
破冰——建立我们的AI开发实验环境
前端·javascript
HelloReader36 分钟前
Flutter 自适应布局一套代码适配手机和平板(十二)
前端
牛奶39 分钟前
HTTP裸奔,HTTPS穿盔甲——它们有什么区别?
前端·http·https
梓言41 分钟前
tailwindcss构建执行npm exec tailwindcss init -p 报错
前端
哈罗哈皮42 分钟前
龙虾(openclaw)本地快速安装及使用教程
前端·aigc·ai编程
用户231154445305843 分钟前
React中实现“双向绑定”效果的几种方式
前端
HelloReader44 分钟前
Flutter Sliver 高级滚动打造 iOS 通讯录体验(十三)
前端