首页 > 解决方案 > Web 组件加载未知组件

问题描述

我正在创建一个应用程序,我想从一个字符串(将在我的数据库中表示)加载不同的组件。

因此,我编写了一个测试(在获取数据之前),在其中测试了动态加载这些选项的选项,并且我不知道在给定时间要加载哪个组件:

到目前为止,我已经成功完成了动态导入:

  import(`${this.sdkbtnString}`);

现在我尝试了一些方法来放置一个我不知道什么是提前的标签。例如我尝试:

<${this.sdkiconbtnString}></${this.sdkiconbtnString}>

这种幼稚的方法不起作用。

然后我试图看看我是否可以从使用中得到一些东西:

const t = async import(`${this.sdkbtnString}`);

但是我不能真正将它用于任何事情,因为它只是返回一个模块定义。

那么如何在我不确切知道标签应该是什么的情况下加载标签。另外你觉得这种方法有什么更好的方法吗?

标签: javascripthtmlweb-component

解决方案


推荐阅读