黑豹程序员-vue3下载时显示下载的百分比

原理

axios 有一个方法：onDownloadProgress，它可以实时返回e.loaded 已经加载的值和e.total总数，
Math.round(e.loaded / e.total * 100) 通过计算刚好获取到已经处理的百分比。

实现代码

<template>
  <div>
    <button @click="downLoad(' vue3介绍.pdf')">下载</button>

    <p>
      下载进度:{
   
   {
   
   downLoadProgress}}
    </p>
    <p>
      圆形：
      <el-progress type="dashboard" :percentage