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

标签 onclick navigation svelte

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

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

最佳答案

你需要一个路由器。有 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/
  • 关于onclick - 如何在 Svelte 中单击时导航到不同的路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61888502/

    相关文章:

    javascript - React 应用程序 - 在 Material UI Table 中加载选定的数组而不进行渲染检查

    java - 从 onClick() 内部类访问程序数据

    java - GraphHopper:将多个 OSM 文件加载到自托管服务器

    jquery - Bootstrap、WordPress 和 NavWalker - 顶级导航链接不起作用

    jquery - 如何设置带有淡入淡出( Sprite )背景图像的导航

    cors - 设置 crossOriginIsolated Svelte 和 SvelteKit

    html - CSS3 旋转转换导致间歇性鼠标点击检测

    javascript - 如何重复onClick文本输入功能?

    javascript - 我可以将 JS 代码从 Svelte 组件文件移动到其他文件 js 文件吗?

    svelte - 我什么时候应该在 Svelte 定制商店中使用派生?