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
988浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
1605浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
2059浏览 • 1回复 待解决
HarmonyOS 关于Web组件适配问题
800浏览 • 1回复 待解决
HarmonyOS Web组件缓存问题
917浏览 • 1回复 待解决
如何移除页面上Video组件
2798浏览 • 1回复 待解决
web组件registerJavaScriptProxy的问题
2972浏览 • 1回复 待解决
HarmonyOS Web组件头部参数问题
956浏览 • 1回复 待解决
HarmonyOS Web组件开发问题咨询
1480浏览 • 1回复 待解决
HarmonyOS web组件预览PDF文件问题
1193浏览 • 1回复 待解决
HarmonyOS Web组件内容缩放问题
1844浏览 • 1回复 待解决
HarmonyOS Web组件本地资源跨域问题
736浏览 • 1回复 待解决
HarmonyOS Web组件跨域请求问题
1393浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
2190浏览 • 1回复 待解决
HarmonyOS 页面路由 移除页面
902浏览 • 1回复 待解决
鸿蒙web组件再次加载问题
955浏览 • 0回复 待解决
HarmonyOS Web组件和List的嵌套使用问题
1695浏览 • 1回复 待解决
HarmonyOS自定义组件增加方法如何实现
1504浏览 • 1回复 待解决
HarmonyOS 关于给搜索词增加颜色的问题
1157浏览 • 1回复 待解决
OpenHarmony 使用WEB组件传值问题
5000浏览 • 1回复 待解决