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

【问题标题】：How to pass the props to Svelte component from Javascript?如何将道具从 Javascript 传递给 Svelte 组件？
【发布时间】：2019-09-19 00:05:20
【问题描述】：

我的 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
    }
});

【问题讨论】：

你不能用Sapper吗？

标签： javascript svelte

【解决方案1】：

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

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

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

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

【讨论】：