#鸿蒙通关秘籍#如何使用Web组件监听页面加载状态以控制动画显示?

HarmonyOS
11h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
hm673ff0f23aa91

在使用Web组件时,监听页面加载状态尤为关键。具体实现步骤为:

  1. 使用onPageEnd事件来监听页面的加载状态。
  2. 在事件触发后,将页面状态变量loaded更新为true
Web({ 
  src: $rawfile("homePage/index.html"), 
  controller: this.controller.getWebViewController() 
})
  .javaScriptAccess(true)
  .javaScriptProxy(this.controller.getJavaScriptProxy())
  .onPageEnd((event) => {
    if (event) {
      this.loaded = true;
    }
  });

通过这种方式能够有效控制LoadingProgress组件的显示和隐藏。

分享
微博
QQ
微信
回复
11h前
相关问题
HarmonyOS 使用Web组件加载页面示例
373浏览 • 1回复 待解决
使用Web组件加载网页,显示空白。
397浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
393浏览 • 1回复 待解决
HarmonyOS使用Web组件如何监听滚动位置
489浏览 • 2回复 待解决
HarmonyOS Web组件加载片段时候不显示
153浏览 • 1回复 待解决