HarmonyOS web组件移除增加问题

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

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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
如何移除页面上Video组件
1788浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
353浏览 • 1回复 待解决
HarmonyOS Web组件缓存问题
29浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
666浏览 • 1回复 待解决
HarmonyOS Web组件内容缩放问题
433浏览 • 1回复 待解决
web组件registerJavaScriptProxy的问题
1813浏览 • 0回复 待解决
HarmonyOS Web组件头部参数问题
227浏览 • 1回复 待解决
HarmonyOS Web组件开发问题咨询
347浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1040浏览 • 1回复 待解决
HarmonyOS Web组件跨域请求问题
432浏览 • 1回复 待解决
HarmonyOS Web组件本地资源跨域问题
75浏览 • 1回复 待解决
鸿蒙web组件再次加载问题
72浏览 • 0回复 待解决
HarmonyOS 页面路由 移除页面
97浏览 • 1回复 待解决
HarmonyOS 关于移除所有page
280浏览 • 1回复 待解决
HarmonyOS Web组件和List的嵌套使用问题
288浏览 • 1回复 待解决
OpenHarmony 使用WEB组件传值问题
3533浏览 • 1回复 待解决
TabContent内web组件滑动问题
261浏览 • 2回复 待解决