最近在做一个多图片上传的组件,需求是做到多文件依次上传,并显示上传进度条。

逻辑部分实现了以后,在更新进度条视图的时候出现一点问题:动态计算生产的进度 progress 属性不会自动更新。

原来的代码是这样写的:

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

let files = this.filePicker.files;if(!files.length) {    return;
}

let arr = [];for(let i = 0, len = files.length; i < len; i++) {
    let item = files[i];    // 每个文件初始进度为0
    item.progress = '0';

    arr.push(obj);
}this.fileArr = arr;

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

这里直接将 file 对象添加一个 progress 属性记录上传进度,并初始化为0,然后上传时候实时计算更新 progress。但奇怪的是这个 progress 在视图里并不会自动更新,岿然不动,一直都是0。还了N中办法,百思不得其解。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式