HarmonyOS 鸿蒙Next 怎么根据不同的路径参数，动态import组件

HarmonyOS 鸿蒙Next 怎么根据不同的路径参数，动态import组件

  1. 这是我的banner组件路径，与NativeContainer在同一级目录。

  2. 我现在想在NativeContainer，原生容器组件里把banner加进来：通过this.model.properties.implClass（测试的时候，该字段传入“banner”），方法

getComponent()为异步动态import，但是返回值定义为`object`,是无法直接加入到`column()`组件内的，提示不是UI组件？

请问如何解决我的动态import组件的问题？


更多关于HarmonyOS 鸿蒙Next 怎么根据不同的路径参数，动态import组件的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

应用开发没有动态加载一说吧！打包的时候是把所有组件一起打包的。不像web开发一样。

还是老老实实把所有组件都import进来后使用条件渲染吧。

更多关于HarmonyOS 鸿蒙Next 怎么根据不同的路径参数，动态import组件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


API9之后不支持动态加载
API9 之后如何动态加载模块？-华为开发者论坛 | 华为开发者联盟 (huawei.com)

在HarmonyOS（鸿蒙）Next中，可以根据不同的路径参数动态导入组件。可以使用import()函数实现动态导入，结合路由参数进行条件判断。以下是一个示例：

// 假设有一个路由参数 `componentName`
const componentName = routerParams.componentName;

let Component;
switch (componentName) {
  case 'ComponentA':
    Component = await import('./ComponentA');
    break;
  case 'ComponentB':
    Component = await import('./ComponentB');
    break;
  default:
    Component = await import('./DefaultComponent');
}

// 使用动态导入的组件
<Component />

这种方式允许根据路径参数动态加载不同的组件，提升应用的灵活性和性能。

回到顶部