如何導航到 SvelteKit 中動態（slug）路線中的子路線

Question

我有以下路線結構

src/routes/[slug]/results
src/routes/[slug]/about

我不知道如何鏈接到 SvelteKit 中的路線。 當我通過瀏覽器導航欄訪問它們時，這些路由本身就起作用了。

我如何在 [slug] 頁面上創建一個簡單的鏈接，該鏈接將鏈接到子路由？

下面兩個都鏈接到根目錄：

<a href="results">results</a>
<a href="/results">results</a>

嘗試了類似下面的方法，但是沒有用。

<a href="/:slug/results">results</a> 
<a href="/[slug]/results">results</a> 

我認為它是類似的東西，但是關於路由和高級路由的SvelteKit 文檔沒有提到與動態路由內的導航相關的任何內容。

Answer 1

只需將參數添加到鏈接：

<script>
    import { page } from '$app/stores';
</script>

<a href="/{$page.params.slug}/results">Results</a>

Answer 2

我想出來了，它有點隱藏在文檔中（我是初學者，所以還沒有完全了解所有概念）。

在 +page.js 中：

/** @type {import('./$types').PageLoad} */
export function load({ params }) {
  return {
        slug: params.slug
  };
}

在 +page.svelte 中：

<script>
    export let data;
</script>
<a href="/{data.slug}/result">results</a>
<a href="/{data.slug}/share">share</a>