Svelte page.js 路由 - 无法获取动态组件的传入道具答案

【问题标题】：Svelte page.js routing - Can't get passed-in props for dynamic componentSvelte page.js 路由 - 无法获取动态组件的传入道具
【发布时间】：2020-11-30 20:58:45
【问题描述】：

page.js 路由有问题。如果我从settings 转到dashboard，我会得到传入的道具。如果我从 dashboard 转到 dashboard 没有任何内容被注销...有人可以帮忙吗？

App.svelte

let page, props;

router("/settings", () => (page = Settings));

router("/dashboards/:dashboardId", (ctx) => {
    props = ctx.params;
    console.log("App", props);
    page = Dashboard;
});

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

Navigation.svelte

{#each $dashboards as dashboard}
    <div class="dashboard-link">
        <a href="/dashboards/{dashboard.id}">{dashboard.name}</a>
    </div>
{/each}

Dashboard.svelte

<script>
    export let dashboardId;
    console.log("dashboardId", dashboardId);
</script>

【问题讨论】：

标签： routes svelte svelte-3 page.js

【解决方案1】：

代码确实有效。问题是 console.log 仅在初始化期间工作，即从设置到仪表板，仪表板加载。从仪表板到仪表板，只有变量发生变化，即组件已经加载。

【讨论】：