如何在点击 svelte 时导航到不同的路径？

Question

目前在拥有on:click | preventDefault="{() => showDetail({id})}" 在showDetail 函数中，我想导航到特定的id，我通过点击按钮传递。

我尝试了常规的 javascript 方法location.assign，但这会重新加载页面并破坏 SPA 的目的。 有什么方法可以在不重新加载的情况下在 svelte 中导航

Answer 1

你需要一个路由器。有 SPA 路由器（单页应用）和 SSR 路由器（服务器端渲染）。

你可以试试：

• https://routify.dev/
• https://github.com/EmilTholin/svelte-routing（服务器端）
• https://github.com/jorgegorka/svelte-router（SPA，似乎不是活跃项目）
• https://github.com/ItalyPaleAle/svelte-spa-router（SPA，我推荐）
• http://visionmedia.github.io/page.js/
• https://github.com/lukeed/navaid
• https://github.com/TehShrike/abstract-state-router/