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

Question

目前在拥有on:click | preventDefault="{() => showDetail({id})}" 和showDetail发挥作用时，我想导航到id我通过单击按钮传递的特定内容。

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

标签： onclicknavigationsvelte

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/