我如何在点击 svelte 时导航到不同的路径?
How can i navigate to different path on click in svelte?
目前有on:click | preventDefault="{() => showDetail({id})}"
在 showDetail
函数中,我想导航到特定的 id
,我正在点击按钮。
我尝试了常规 javascript 方法location.assign
,但这会重新加载页面并破坏 SPA 的目的。
有没有什么方法可以在不重新加载的情况下在 svelte 中导航
您需要一个路由器。有 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/
目前有on:click | preventDefault="{() => showDetail({id})}"
在 showDetail
函数中,我想导航到特定的 id
,我正在点击按钮。
我尝试了常规 javascript 方法location.assign
,但这会重新加载页面并破坏 SPA 的目的。
有没有什么方法可以在不重新加载的情况下在 svelte 中导航
您需要一个路由器。有 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/