参考 https://my.oschina.net/u/4489154/blog/5399978，发现this.dtask.addEventListener(),这里的监听只调了一次了，

建议方法

创建一个进度变量 downloadProgress

使用watch的方式监听downloadProgress的变化继续为其添加监听完成进度条

转载请注明出处:http://www.jlunlp.com/article/20230401/799767.html

随机推荐

1. uniapp实现微信公众号支付的方法步骤

   目录1、申请企业服务号（必须企业认证）2、获取appid 和秘钥3、安全域名设置4、代码实现1、申请企业服务号（必须企业认证） https://mp.weixin.qq.com 2、获取appid 和秘钥 菜单 开发-基本配置 获取秘钥 ...

2. uniapp实现左右联动商品分类页面

   目录零、前因一、搭建结构二、添加逻辑层业务三、最后tabbar数据总结零、前因 我们在日常的开发种，这种页面在项目当中经常会用得到，所以本篇文章会比较注重描述其思路，顺带附上其代码，以便以后在任何代码环境下都能使用上，先介绍一下实现思路：...

3. uniapp自定义组件

   1、先创建一个测试组件： 创建component目录，新建test.vue文件，定义一个组件： 这个组件中，我们实现以下功能： ①父vue文件中传递属性参数，改变msg的值 ②父vue文件中调用子组件的函数 ③子组件中调用父vue文件中的...

4. UniApp+uView实现表单中的图片批量上传

   UniApp+uView实现表单中的图片批量上传 技术概述 团队项目的需求是：用户在投诉的时候可以拍摄、多选上传最多5张的照片，达到上限时，隐藏上传按钮；用户可以预览、删除所选图片，添加或删除后的图片数和预览小图要及时、正确地反映到界面上...

5. uniapp在微信小程序中使用ECharts的方法

   今天使用uniapp集成Echarts，实现地图图表的展示 可以参照mpvue-echarts 参照：https://github.com/F-loat/mpvue-echarts https://ask.dcloud.net.cn/ar...

6. uniapp引用echarts的详细步骤(附柱状图实例)

   相信很多小伙伴对于echarts这个东西应该不会陌生，我在网上看到很多文章，那么他到底是怎么用的呢，却是五花八门，我现在就来总结一下我的方法。 如果使用npm全局安装，太麻烦，这里推荐使用官网(ECharts 在线构建)定制下载，这样会方...

7. uniapp?app?人脸识别的实现示例

   由于 小程序端 有camera组件 直接就可以调起摄像头 但是 app端是不支持这个标签的 所以只能用其他的方法 使用 nvue 中live-pusher 组件 子组件 template div div class="livefater"...

8. uniapp配置navigationStyle: custom，取消原生导航栏失效

   uniapp配置"navigationStyle": "custom"，取消原生导航栏，没有效果 解决方案： 在微信开发者工具-设置-项目设置里，把调试基础库切换到最新版本

9. uniapp图片转base64

   直接上代码了，网上也很多一样的，这里记录下，因为仅仅第二种在真机微信小程序上我这里测试转换失败，所以就一并写在这里了： //图片转base64 urlTobase64(url){ ...

10. uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)

    目录需求实现原理实现总结需求 分包中如果有6个页面A B C D E F，这6个页面可以作为tabbar页面进行展示，具体配置通过后台接口返回（页面数量限制依然存在 2 - 5），比如后台配置A B C D E这个5个页面为tabbar页...