element的el-upload中的:file-list绑定数据失败

:file-list绑定了formData.showList这个数组

:on-success=”uploadSuccess”设定了uploadSuccess这个钩子函数

<el-upload
              :action="`${path}/fileUploadAndDownload/upload`"
              :before-upload="checkFile"
              :headers="{ 'x-token': token }"
              :on-error="uploadError"
              :file-list="formData.showList"
              :on-success="uploadSuccess"
              :limit="4"
              list-type="picture-card"
              :auto-upload="true"
            >

uploadSuccess会传入三个变量,res,file,arr,我在上传成功后打印formData.showList 和 arr不是同一个数组

uploadSuccess(res, file, arr) {
      this.fullscreenLoading = false
      console.log(res, arr)
      if (res.code === 0) {
        this.$message({
          type: 'success',
          message: '上传成功'
        })
        console.log(this.formData.showList)
      } else {
        this.$message({
          type: 'warning',
          message: res.msg
        })
      }
    },

arr就是fileList,可是我在上传成功后,打印出来,发现formData.showList是空的,说明:file-list绑定失败了,可是我又没发现我哪里写错了

我的目标是通过:file-list和:on-success可以在el-uploader组件中绑定不同的变量,这样在同一个页面中可以复用uploadSuccess等一系列处理函数。

NeoSun
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!