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 }?`);

    }

   

猜你喜欢

转载自blog.csdn.net/qq_42174597/article/details/127732664