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等一系列处理函数。