uni-app 进度条被触发多次

开发环境	版本号	项目创建方式
HBuilderX	3.1.3	云端

产品分类：HTML5+

手机系统：Android

手机系统版本号：Android 10

手机厂商：华为

手机机型：红米note7 pro

操作步骤：

见描述

预期结果：

见描述

实际结果：

见描述

bug描述：

<!DOCTYPE html>  
<html lang="zh-cn">  
<head>  
    <meta charset="utf-8">  
    <script src="html5plus://ready"></script>  
</head>  
<body>  
</body>  
<script type="text/javascript">  
itme =  plus.webview.create(  
    "https://baidu.com",  
    'winsu_12.545454',{});  
plus.webview.currentWebview().append(itme);  
itme.addEventListener('progressChanged', function(e){  
    alert(e.progress)  
}, false);  
</script>  
</html>

更多关于uni-app 进度条被触发多次的实战教程也可以访问 https://www.itying.com/category-93-b0.html

itying888 1楼

更多关于uni-app 进度条被触发多次的实战教程也可以访问 https://www.itying.com/category-93-b0.html

这是一个关于uni-app中进度条被多次触发的问题。从代码来看，您创建了一个webview并监听了progressChanged事件，但发现该事件被多次触发。

问题分析：

progressChanged事件会在页面加载过程中被多次触发，每次进度变化都会触发
您使用了alert来显示进度，这会导致每次进度变化都弹出提示框

解决方案：

可以使用console.log代替alert来查看事件触发情况
如果需要显示进度条，建议使用uni-app的进度条组件，而不是直接alert

修改建议代码：

itme.addEventListener('progressChanged', function(e){
    console.log('加载进度:', e.progress);
    // 这里可以更新UI进度条
}, false);