表单验证 el-upload 必传

在上传成功和删除图片,触发验证一次。如下例子为  vue3 写法

<el-form-item label="banner图:" prop="bannerImgUrl">
    <image-upload
                  :limit="1"
                  :fileSize="20"
                  :value="bannerDialogForm.bannerImgUrl"
                  @input="uploadSuccess"
                  />
</el-form-item>
// bannerDialog 元素
const bannerDialog = ref(null)
// 上传成功或删除图片回调
const uploadSuccess = (fileList) => {
    // 上传成功和删除图片后验证一次图片必传,用来显示或者隐藏必传提示
    bannerDialog.value.validateField('bannerImgUrl');
}

 

posted @   生命在于折腾Up  阅读(443)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示