时间戳

首页 > 解决方案 > Svelte：在组件中动态导入图标

javascript - Svelte：在组件中动态导入图标

问题描述

我在 Svelte 中有一个组件，我在其中传递了图标名称，并希望呈现此图标，但我想从 font-awesome 动态导入所需的图标。

<script>
  import Icon from 'fa-svelte';

  export let iconName;

  let icon;

  async function loadIcon() {
    let { fa } = await import(`@fortawesome/free-solid-svg-icons/${iconName}`)
    icon = fa
  }

  loadIcon();
</script>

<Icon icon={icon}>

但这不起作用，icon变量未定义。我做错了吗，或者这不可能以这种方式实现？

标签： javascriptfont-awesomesvelte

解决方案

推荐阅读