el-upload 函数 自定义 传参方法(传自定义参数)

  <el-upload
                 class="upload-demo"
                 action="https://jsonplaceholder.typicode.com/posts/"
                :file-list="item.fileGroup"
                :on-preview="(file)=>{return handlePreview(file,index)}"              
                :on-remove="(file, fileList)=>{return handleRemove(file, fileList, index)}"
                :on-success="(response, file, fileList)=>{return handleSuccess(response, file, fileList, index)}"
                :before-remove="(file, fileList)=>{return beforeRemove(file, fileList, index)}"
                 multiple
                :limit="3"
                :on-exceed="(file, fileList)=>{return handleExceed(file, fileList, index)}"
              >
                <el-button size="small" type="primary">添加附件</el-button>
                <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> -->
              </el-upload> 

    handleRemove(file, fileList,index) {

       console.log(file, fileList,index);

    },

    handlePreview(file,index) {

      console.log(file,index);

    },

    handleSuccess(res, file,fileList, index) {

      console.log(res, file,fileList,index);

      // this.fileType=file.type

      // this.flieName=file.name

      // this.fileID=res.data.id

      // this.flieKey=index

      // this.loginForm.items1[index].fileList.push({

      //   name: file.name,

      //   url: res.data.url

      // })

    },

    handleExceed(files, fileList,index) {

      this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择   了 ${files.length + fileList.length} 个文件`);

    },

    beforeRemove(file, fileList,index) {

      return this.$confirm(`确定移除 ${ file.name }?`);

    }

   

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值