Question

有没有一种方法可以使用获取或导入功能动态导入组件？可能是从可共享组件创建的苗条文件或模块文件（仍然不知道它是如何工作的）。很新，很苗条，很兴奋。

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


<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>

Answer 1

Svelte 3中具有相同的功能，但是您只需将动态导入的组件分配给用于+ ./gradlew -DENV=acceptance '-Dcucumber.options=--tags not' '@notReady --threads 1 ' clean test --info上的this属性的常规变量。

示例（REPL）

svelte:component

使用导入或提取动态加载组件

1 个答案: