iT邦幫忙

1

VUE 前端並未隨資料更新

前端希望能以文字顯示現在上傳的進度
如:https://ithelp.ithome.com.tw/upload/images/20191027/201183209zTDfw0rOv.jpg

上傳的部分是沒有問題的,獲取進度的程式碼在主控台也是沒問題的

this.progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;           
console.log("Upload is " + this.progress + "% done");

https://ithelp.ithome.com.tw/upload/images/20191027/20118320oTqzYPYSg2.jpg

整段上傳的程式碼

  uploadTask.on(
    "state_changed",
    function(snapshot) {
     this.progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;           
      console.log("Upload is " + this.progress + "% done");
      switch (snapshot.state) {
       case firebase.storage.TaskState.PAUSED: // or 'paused'
         console.log("Upload is paused");
         break;
       case firebase.storage.TaskState.RUNNING: // or 'running'
          console.log("Upload is running");
          break;
            }
          },
        );

前端的程式碼

上傳進度 : {{progress}} %

progress一開始就設為 0

  data() {
    return {
      progress: 0,
    };

但我的畫面永遠顯示

上傳進度 : 0 %

前端畫面並沒有隨著資料更新,想請問是哪邊出問題?

froce iT邦大師 2 級 ‧ 2019-10-27 10:11:07 檢舉
http前端和後端是不連動的,你前端有接收後端傳進度回去嗎?

1 個回答

1
dragonH
iT邦超人 6 級 ‧ 2019-10-27 11:53:27
最佳解答

this 印出來看

估計你的 this 指到別的東西了

沒錯~~感謝大大
已解決/images/emoticon/emoticon41.gif

dragonH iT邦超人 6 級 ‧ 2019-10-27 15:03:41 檢舉

/images/emoticon/emoticon42.gif

我要發表回答

立即登入回答