如何在 svelte 中单击时导航到不同的路径?

2024-05-16

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

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


你需要一个路由器。有SPA路由器(单页应用程序)和SSR路由器(服务器端渲染)。

您可以尝试:

  • https://routify.dev/ https://routify.dev/
  • https://github.com/EmilTholin/svelte-routing https://github.com/EmilTholin/svelte-routing(服务器端)
  • https://github.com/jorgegorka/svelte-router https://github.com/jorgegorka/svelte-router(SPA,好像不是活跃的项目)
  • https://github.com/ItalyPaleAle/svelte-spa-router https://github.com/ItalyPaleAle/svelte-spa-router(SPA。我推荐它)
  • http://visionmedia.github.io/page.js/ http://visionmedia.github.io/page.js/
  • https://github.com/lukeed/navaid https://github.com/lukeed/navaid
  • https://github.com/TehShrike/abstract-state-router/ https://github.com/TehShrike/abstract-state-router/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 svelte 中单击时导航到不同的路径? 的相关文章

随机推荐