小编ssu*_*wal的帖子

使用 import 或 fetch 动态加载组件

有没有办法使用 fetch 或 import 动态导入 svelte 中的组件?可能是从可共享组件创建的 svelte 文件或模块文件(仍然不知道它是如何工作的)。很新,很苗条,很兴奋。

我在 stackoverflow 中找到了一些适用于 v2 的代码。这是链接


<button on:click="loadChatbox()">
  chat to a customer service representative
</button>

{#if ChatBox}
  <svelte:component this={ChatBox}/>
{/if}

<script>
  export default {
    methods: {
      async loadChatbox() {
        const { default: Chatbox } = await import('./Chatbox.html');
        this.set({ Chatbox });
      }
    }
  };
</script>
Run Code Online (Sandbox Code Playgroud)

svelte

5
推荐指数
1
解决办法
3708
查看次数

标签 统计

svelte ×1