Javascript 如何在eleme.io[vuejs]上上载多个文件时仅显示一条进度消息

Javascript 如何在eleme.io[vuejs]上上载多个文件时仅显示一条进度消息,javascript,vue.js,Javascript,Vue.js,堆栈:Vuejs+element.eleme.io 我们尝试执行的操作:上载倍增文件并仅显示一条正在进行的消息 用于上传我们正在使用的图像 上传多幅图像时,必须显示信息 如果我们使用on progress钩子,它会不断返回新消息。我们有很多信息,而不是一条 问题:如何在上载多个文件时仅显示一条进度消息?您是否尝试过使用任何其他事件?i、 上传前 我做了一个快速上传多个文件时只显示一条消息 将此添加到el上载 :before-upload="beforeUpload" 然后添加此方法 befor

堆栈:Vuejs+element.eleme.io

我们尝试执行的操作:上载倍增文件并仅显示一条正在进行的消息

用于上传我们正在使用的图像

上传多幅图像时,必须显示信息

如果我们使用on progress钩子,它会不断返回新消息。我们有很多信息,而不是一条


问题:如何在上载多个文件时仅显示一条进度消息?

您是否尝试过使用任何其他事件?i、 上传前

我做了一个快速上传多个文件时只显示一条消息

将此添加到el上载

:before-upload="beforeUpload"
然后添加此方法

beforeUpload(file) {
    this.$message('Your files are uploading...');
}
编辑:


我没有注意到显示了多个通知。查看后,似乎每个文件都触发了事件。解决这个问题的一种方法是使用去盎司函数,这样您的方法在某个时间段内只被调用一次。我已经用5秒的时间更新了代码笔来显示这一点。

嗨,Shoejep!是的,我试过了:在上传之前,但它显示了所有的消息,一条一条地更新了我的答案,并提供了一个可能的解决方案。很高兴它能工作。如果这个答案已经解决了你的问题,请考虑投票和点击复选标记。这向更广泛的社区表明,你已经找到了一个解决方案,并给回答者和你自己带来了一些声誉。没有义务这样做。