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

最新推荐文章于 2024-04-24 18:16:27 发布

最冷一天.

最新推荐文章于 2024-04-24 18:16:27 发布

阅读量526

点赞数 2

分类专栏： Vue 文章标签：前端

本文链接：https://blog.csdn.net/m0_61603704/article/details/136948299

版权

Vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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