element-ui,el-progress。vue项目点击按钮请求接口,出现进度条展示出接口请求的进度,怎么实现??

问题:怎么去获取到当前接口的请求进度呢,并用百分比展示出来

阅读 12.2k
3 个回答

axios onprogress

进度条一般用于上传或者下载,axios中有提供onUploadProgress、onDownloadProgress事件,处理下返回结果即可。

暂时用axios的onUploadProgress方法解决的:
不确定对不对,欢迎指正
axios已封装,直接调用的接口

SET_PERCENT(state, data) {
    state.percentage = data;
},
async batch_expressNo({ state, commit, dispatch }) {
    await syncExpressNo({ demandIdList: list }, {
        onUploadProgress(progress) {
          state.nextTick(() => {
            if (progress.total === 0) {
              commit('SET_PERCENT', 0);
            } else {
              const num = Math.round(
                (progress.loaded * 100) / progress.total,
              );
              commit('SET_PERCENT', num);
            }
          });
        },
    });
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题