解决思路:每当我们改变,删除图片列表时,就为data中的总图片列表的长度重新赋值,最后该值等于我们选定的所有图片列表的长度。然后通过调用上传成功的钩子函数,每当我们上传成功一张图片,就为data中另一个成功上传列表的值+1。当上传成功的值等于总上传图片列表的长度,证明我们所有的图片都上传成功,接下来执行我们后面的操作。
1.每当我们改变,删除图片列表时,都会调用钩子
:on-change="changelist"
:on-remove="handleRemove"
2.所以,我们可以定义一个两个长度data数据
imglist: "", //图片上传数组长度
uploadsuccessimg: "", //上传成功图片的数量
3.定义change和remove函数
handleRemove(file, fileList) {
this.imglist = fileList.length
},
//改变函数
changelist(file, fileList) {
this.imglist = fileList.length
},
4.在上传成功钩子函数中,判断是否相等,从而决定是否执行我们之后的操作:
//图片上传成功的钩子函数
uploadImgSuccess(res) {
if (res.status == 0) {
this.uploadsuccessimg++
if (this.uploadsuccessimg == this.imglist) {
//执行我们之后的操作
}
}
},