如何将道具从 Javascript 传递给 Svelte 组件？

Question

我有我的 webapp 的默认页面，它重定向到不同的组件，如下所示：

<script>
  import page from "page";
  import Form from "./Form.svelte";
  import Dashboard from "./Dashboard.svelte";

  let content = "";
  page.base("/");
  page("", function() {
    content = Form;
  });
  page("dashboard", function() {
    content = Dashboard;
  });
  page({
    hashbang: true
  });
</script>

现在，如果我想从这里传递一些道具，比如仪表板页面，我该怎么做？我尝试关注，但没有成功。

content = new Dashboard({
    props: {
        answer: 42
    }
});

Answer 1

请参阅 <svelte:component> 的文档。要传递任意道具，您可以使用属性传播：

<svelte:component this={content} {...props}/>

这是一个活生生的例子：https://svelte.dev/repl/74593f36569a4c268d8a6ab277db34b5?version=3.12.1

这里是官方的例子（目前不演示传递props）：https://svelte.dev/examples#svelte-component

如何将道具从 Javascript 传递给 Svelte 组件？

How to pass the props to Svelte component from Javascript?

javascript

svelte