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%")
  }
}

参考文档: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
130浏览 • 1回复 待解决
如何移除页面上Video组件
1982浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
580浏览 • 1回复 待解决
HarmonyOS Web组件缓存问题
226浏览 • 1回复 待解决
HarmonyOS 关于Web组件适配问题
145浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
974浏览 • 1回复 待解决
HarmonyOS Web组件内容缩放问题
594浏览 • 1回复 待解决
web组件registerJavaScriptProxy的问题
1938浏览 • 0回复 待解决
HarmonyOS web组件预览PDF文件问题
300浏览 • 1回复 待解决
HarmonyOS Web组件头部参数问题
300浏览 • 1回复 待解决
HarmonyOS Web组件开发问题咨询
682浏览 • 1回复 待解决
HarmonyOS Web组件跨域请求问题
566浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1248浏览 • 1回复 待解决
HarmonyOS 页面路由 移除页面
214浏览 • 1回复 待解决
鸿蒙web组件再次加载问题
199浏览 • 0回复 待解决
HarmonyOS Web组件本地资源跨域问题
188浏览 • 1回复 待解决
HarmonyOS 关于移除所有page
356浏览 • 1回复 待解决
TabContent内web组件滑动问题
346浏览 • 2回复 待解决
OpenHarmony 使用WEB组件传值问题
3829浏览 • 1回复 待解决
HarmonyOS Web组件和List的嵌套使用问题
607浏览 • 1回复 待解决