uniapp 的webview加个loading功能
时间: 2023-03-31 13:03:44 浏览: 277
uniapp与webview之间的相互传值的实现
可以在webview的onLoadStart和onLoadEnd事件中添加loading效果,具体实现可以参考以下代码:
// 在webview组件中添加onLoadStart和onLoadEnd事件
<web-view src="{{url}}" onLoadStart="onLoadStart" onLoadEnd="onLoadEnd"></web-view>
// 在页面中定义loading变量
data: {
loading: false
}
// 在onLoadStart事件中设置loading为true
onLoadStart() {
this.setData({
loading: true
})
}
// 在onLoadEnd事件中设置loading为false
onLoadEnd() {
this.setData({
loading: false
})
}
// 在页面中添加loading组件
<loading class="loading" hidden="{{!loading}}"></loading>
这样就可以在webview加载时显示loading效果了。
阅读全文