HarmonyOS web组件移除增加问题

我们有个web组件本身是在左边的父容器中加载的,但是用户可以切换上课模式,这时候需要将这个web组件移动到右侧的父组件中。 我现在的做法是,切换模式时候把左侧父容器中的web组件移除,在右侧父容器中新加载一个web组件,但是这样就会导致webView重新加载。影响体验。

我的问题是能否将左侧父容器中已经加载好的组件直接移动至右侧父容器中,请问怎么实现?

HarmonyOS
2024-12-25 13:58:42
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

可以使用动态创建Web组件的能力构建webview,部分参考代码如下:

build() {
  Row() {
    Column() {
      Button("LEFT")
        .onClick(() => {
          this.showLeft = true
        })
      // NodeContainer用于与NodeController节点绑定,rebuild会触发makeNode
      // Page页通过NodeContainer接口绑定NodeController,实现动态组件页面显示
      if (this.showLeft) {
        NodeContainer(getNWeb('https://www.index.com'))
          .height("90%")
          .width("100%")
      }
    }
    .width("50%")
    .height("100%")

    Column() {
      Button("RIGHT")
        .onClick(() => {
          this.showLeft = false
        })
      if (!this.showLeft) {
        NodeContainer(getNWeb('https://www.index.com'))
          .height("90%")
          .width("100%")
      }
    }
    .width("50%")
    .height("100%")
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-page-loading-with-web-components-V5#动态创建web组件

分享
微博
QQ
微信
回复
2024-12-25 17:04:54
相关问题
HarmonyOS Web组件如何增加UserAgent
800浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
1201浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
1546浏览 • 1回复 待解决
HarmonyOS 关于Web组件适配问题
599浏览 • 1回复 待解决
HarmonyOS Web组件缓存问题
712浏览 • 1回复 待解决
如何移除页面上Video组件
2595浏览 • 1回复 待解决
web组件registerJavaScriptProxy的问题
2501浏览 • 0回复 待解决
HarmonyOS web组件预览PDF文件问题
949浏览 • 1回复 待解决
HarmonyOS Web组件头部参数问题
741浏览 • 1回复 待解决
HarmonyOS Web组件开发问题咨询
1197浏览 • 1回复 待解决
HarmonyOS Web组件内容缩放问题
1258浏览 • 1回复 待解决
HarmonyOS Web组件本地资源跨域问题
578浏览 • 1回复 待解决
HarmonyOS Web组件跨域请求问题
1091浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1803浏览 • 1回复 待解决
HarmonyOS 页面路由 移除页面
684浏览 • 1回复 待解决
HarmonyOS Web组件和List的嵌套使用问题
1304浏览 • 1回复 待解决
鸿蒙web组件再次加载问题
669浏览 • 0回复 待解决
HarmonyOS自定义组件增加方法如何实现
1265浏览 • 1回复 待解决
TabContent内web组件滑动问题
799浏览 • 2回复 待解决
OpenHarmony 使用WEB组件传值问题
4538浏览 • 1回复 待解决