鸿蒙web组件中跳转其他页面

最新推荐文章于 2024-09-27 14:08:58 发布

大土豆的bug记录

最新推荐文章于 2024-09-27 14:08:58 发布

阅读量230

点赞数 1

分类专栏：项目难点鸿蒙开发文章标签： harmonyos 鸿蒙华为

本文链接：https://blog.csdn.net/m0_60880588/article/details/140715954

版权

鸿蒙开发同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

项目难点

21 篇文章 0 订阅

订阅专栏

背景：

当前应用中有一个嵌套的h5页面，使用web组件挂载以后，h5页面中的跳转微信等页面不会进行跳转还会导致页面卡死

解决方案：

需要配置onWindowNew事件，否则不会跳转，他的作用就是使能multiWindowAccess情况下，通知用户新建窗口请求，这样就可以跳转；

  .allowWindowOpenMethod(true)
          // 浏览器打开h5里的东西
          .onWindowNew((event) => {
            event.handler.setWebController(null)
            let context = getContext(this) as common.UIAbilityContext;
            let wantInfo: Want = {
              action: 'ohos.want.action.viewData',
              // entities can be omitted.
              entities: ['entity.system.browsable'],
              uri: event.targetUrl
            }
            context.startAbility(wantInfo)
          })

完整代码：

 Web({ src: this.src, controller: this.webviewController })
          .fileAccess(true)//开启应用中文件系统的访问，默认启用
          .multiWindowAccess(true)
          .domStorageAccess(true)
          .height('100%')
          .width('100%')
          .allowWindowOpenMethod(true)
          // 浏览器打开h5里的东西
          .onWindowNew((event) => {
            event.handler.setWebController(null)
            let context = getContext(this) as common.UIAbilityContext;
            let wantInfo: Want = {
              action: 'ohos.want.action.viewData',
              // entities can be omitted.
              entities: ['entity.system.browsable'],
              uri: event.targetUrl
            }
            context.startAbility(wantInfo)
          })
          .onShowFileSelector((event) => {
            if (event) {
              this.selectFile(event.result);
            }
            return true;
          })
          .onPageEnd(()=>{
            this.dialogController.close()
            emitter.emit('lodingClose')
          })