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

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

需求:当表单项中的单选框选择 是 的时候,上传图片组件为必填项

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

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-24 07:16:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-24 07:16:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-24 07:16:04       82 阅读
  4. Python语言-面向对象

    2024-03-24 07:16:04       91 阅读

热门阅读

  1. c语言:日期识别1

    2024-03-24 07:16:04       43 阅读
  2. 单片机MCU,MPU,SOC的工艺结构原理及选型参数总结

    2024-03-24 07:16:04       43 阅读
  3. TensorFlow打印网络参数的个数

    2024-03-24 07:16:04       39 阅读
  4. ORACLE 知识整理

    2024-03-24 07:16:04       36 阅读