Svelte page.js 路由 - 無法獲取動態組件的傳入道具

Question

我對page.js路由有疑問。 如果我從settings到dashboard go ，我得到傳入的道具。 如果我從dashboard到dashboard的 go 沒有任何內容被注銷...有人可以幫忙嗎？

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

導航.svelte

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

儀表板.svelte

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

Answer 1

該代碼實際上有效。 問題是console.log僅在初始化期間起作用，即從設置到儀表板，儀表板加載。 從儀表板到儀表板，只有變量發生變化，即組件已加載。