upload 上传文件之前判断,先判断再弹出文档选择框

本文介绍如何在不绑定`before-upload`事件的情况下,通过点击上传按钮实现条件判断并阻止文件选择框的弹出。通过`handleBeforeUpload`函数,检查桩类型是否缺失,若缺失则给出错误提示并阻止事件冒泡。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如果想要点击上传按钮判断某个条件是否符合,再弹出文档选择框的效果,
不需要在Upload标签绑定before-upload事件,而是在上传Button按钮绑定事件

<Upload action="xxx">
	<Button @click="handleBeforeUpload">上传模板</Button>
</Upload>

使用 e.stopPropagation() 阻止事件冒泡到父元素,这样就不会弹出文档选择框

 // 上传之前
    handleBeforeUpload(e) {
      if (!this.type) {
        this.$Message.error("请选择桩类型");
        e.stopPropagation() // 阻止事件冒泡到父元素
      }
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值