鸿蒙NEXT版实战开发：如何控制只在Web组件第一次加载url的时候触发onPageBegin，onPageEnd？

往期鸿蒙全套实战文章必看：（附带鸿蒙全栈学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

如何控制只在Web组件第一次加载url的时候触发onPageBegin，onPageEnd

可以使用onAppear事件来控制只在第一次加载url时触发onPageBegin，onPageEnd，参考代码如下：

import { webview } from '@kit.ArkWeb'; 
 
@Entry 
@Component 
struct OnlyOnTheFirstTrigger { 
  controller: webview.WebviewController = new webview.WebviewController(); 
  isFirst: boolean = false; 
 
  build() { 
    Column() { 
      Web({ 
        src: 'www.example.com', controller: this.controller 
      }) 
        .onAppear(() => { 
          this.isFirst = true; 
        }) 
        .onPageBegin(() => { 
          if (this.isFirst) { 
            this.isFirst = false; 
            console.info('test isFirst'); 
          } 
        }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
}

​