onclick - 如何在 Svelte 中单击时导航到不同的路径？

Question

目前在有 on:click | preventDefault="{() => showDetail({id})}"并在 showDetail我想导航到特定的功能 id在我点击按钮时传递。

我尝试了常规的 javascript 方法 location.assign但这正在重新加载页面并破坏SPA的目的。
有没有办法在不重新加载的情况下以 slim 的方式导航

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/