element的上传组件,如何在文件上传时禁用提交按钮(多个文件上传),等待全部文件上传完之后再取消禁用

声明两个变量为0

上传前:

 // 上传前的钩子函数
    beforeAvatarUpload(file, fileList) {
   
      console.log(this.wenjianshuliang);
      const isLt50M = file.size / 1024 / 1024 < 50;
      if (!isLt50M) {
        this.$message.error("上传文件大小不能超过 50MB!");
      }else {
        this.wenjianshuliang = this.wenjianshuliang + 1;
      }
      return isLt50M;
    },

上传成功:

  // 上传成功的钩子函数
    shangchuanchenggong(file, fileList) {
      console.log(file);
      if (file.code === "0") {
        this.annex_addr.push(file.data[0]);
        this.shuliang = this.shuliang + 1;
        if (this.shuliang === this.wenjianshuliang) {
          this.isupLoad = true;
        }
      } else {
        this.$message.error("操作失败");
      }
    },

原理很简单 上传前的钩子函数中每有一个文件 变量+1 上传成功后另一个变量+1 再上传成功的函数里面判断两个数是否相等 相等即取消禁用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值