VUE多文件上传问题

on-progress钩子里面加数量会导致,每次数量改变,页面重新渲染,触发on-progress,导致死循环

应该使用on-change钩子,设置一个filecount全局变量,每次on-change触发都做一次赋值

handFileChange(files, fileList) {     
        this.fileCount=fileList.length;
}

请求的时候用filecount来传,直接用fileList.length会出错。

on-error和on-success两个钩子都用来重置fileList

resetcount(files, fileList){
       this.fileList=[];
}

至此便解决了,因为VUE传多个文件是分开发送时,后端无法获取请求的次数,也即文件数量。

posted @ 2021-09-16 16:29  忙碌了一整天的L师傅  阅读(515)  评论(0编辑  收藏  举报