我做了一個(gè)上傳進(jìn)度組件，發(fā)現(xiàn)上傳時(shí)進(jìn)度條progress只更新一次，只有在完成上傳的時(shí)候或者我把窗口最小化再?gòu)?fù)原時(shí)更新一次dom,其余上傳期間進(jìn)度條讀條依然為0。

代碼如下：
模板：
<div class="uploadItem" v-for='item in files'>
<div class="uploadProgress" :style="'width:' + item.progress + '%'" ></div>
</div>

數(shù)據(jù)：
data() {

return {
  files: []
}

}

我使用串行上傳文件
給files數(shù)組下的文件對(duì)象添加xhr對(duì)象的progress屬性，上傳過(guò)程中都會(huì)調(diào)用$set方法，代碼如下

  function uploadFileList(list, callback) {
    function uploadFile(file, cb) {
      let ot
      let oloaded
      file.xhr = new XMLHttpRequest()
      file.xhr.upload.onprogress = function(evt) {
        console.log(file)
        if (evt.lengthComputable) {
          var precent = (evt.loaded) / (evt.total) * 100
          that.$set(file, 'progress', precent)
        }
        let nt = new Date().getTime()
        let pertime = (nt - ot) / 1000 // 計(jì)算出上次調(diào)用該方法時(shí)到現(xiàn)在的時(shí)間差，單位為s
        ot = new Date().getTime()
        oloaded = 0 // 重新賦值時(shí)間，用于下次計(jì)算
        let perload = evt.loaded - oloaded // 計(jì)算該分段上傳的文件大小，單位b
        oloaded = evt.loaded // 重新賦值已上傳文件大小，用以下次計(jì)算
         // 上傳速度計(jì)算
        let speed = perload / pertime// 單位b/s
        let bspeed = speed
        let units = 'b/s'// 單位名稱(chēng)
        if (speed / 1024 > 1) {
          speed = speed / 1024
          units = 'KB/s'
        } else if (speed / 1024 > 1) {
          speed = speed / 1024
          units = 'M/s'
        }
        speed = speed.toFixed(1)
        that.$set(file, 'speed', speed + units)
        if (bspeed === 0) {
          that.$set(file, 'bspeed', true)
        }
      }
      file.xhr.onerror = that.uploadFailed
      file.xhr.onload = function() {
        that.uploadCurrent++
        cb()
      }
      file.xhr.open('PUT', file.putPath)
      file.xhr.send(file)
    }
    if (list.length) {
      uploadFile(list[0], function() {
        let newList = list.slice(1, list.length)
        uploadFileList(newList, callback)
      })
    } else {
      callback()
    }
  }
  上傳過(guò)程中files數(shù)組下文件對(duì)象的打印如下
  

其中progress一直在改變，

問(wèn)下為啥視圖只會(huì)更新一次??？