Vuejs2 vue.js中的文件上载进度条

我正在尝试开发一个Vue.js应用程序。在这方面，我正在这个应用程序中上载文件。现在我想为文件上传功能开发一个进度条。我正在努力学习教程。这里我得到了用于上传文件的

axios

库。代码如下所示

axios.post("/upload.php",fd,{
    onUploadProgress: function() {
       //code here
    }
})

---

但我正在使用

vue资源

。如何在

vue资源

中检测上传进度？

对于

vue资源

将：

this.$http.post('/upload.php', fd, {
  progress(e) {
    if (e.lengthComputable) {
      console.log(e.loaded / e.total * 100);
    }
  }
});

---

当您处于开发阶段时，除非您限制请求，否则不会看到进度。查看如何在Chrome中限制请求。

对于

vue资源

将是：

this.$http.post('/upload.php', fd, {
  progress(e) {
    if (e.lengthComputable) {
      console.log(e.loaded / e.total * 100);
    }
  }
});

---

当您处于开发阶段时，除非您限制请求，否则不会看到进度。看看如何在Chrome中限制请求。

谢谢@Jorj的回复。我改变了油门，但我没有得到任何输出。谢谢。@abuab请尝试在

if

语句之前登录，查看

进度（e）

是否触发感谢@Jorj的回复。我试着像下面这样记录

{progress（evt）{console.log（'hello'）if（evt.lengthComputeable）{console.log（evt.loaded/evt.total*100）；}}}}

。但这是行不通的。这意味着不会触发

progress（）

。感谢@Jorj的回复。我改变了油门，但我没有得到任何输出。谢谢。@abuab请尝试在

if

语句之前登录，查看

进度（e）

是否触发感谢@Jorj的回复。我试着像下面这样记录

{progress（evt）{console.log（'hello'）if（evt.lengthComputeable）{console.log（evt.loaded/evt.total*100）；}}}}

。但这是行不通的。这意味着不会触发

progress（）

。