Sveltekit 加载新页面并在按钮单击时传递数据

Question

我有一个 sveltekit 应用程序，我必须执行一个简单的参数/数据从一个页面传递到另一个页面。这似乎很简单，但我无法找到解决方案。 一个新页面应该在按钮或链接点击时打开。加载的新页面应该从当前页面获取所有数据。我想避免在页面加载时向服务器发送请求。因为我们已经有了数据，为什么要再次发送相同数据的请求。

这是我调用新页面的链接：

<li class="rounded-sm px-3 py-1 hover:bg-gray-100 cursor-pointer">
    <a href="./datatasks/{task.id}-update">Edit Task</a>
</li>

当前页面有一系列任务需要发送到 {task.id}-update.svelte 页面。

    let tasks = []

我也想发送任务对象。谢谢

Answer 1

对于 Svelte 中的跨组件（或跨页面，因为页面只是另一个组件），您将使用商店。

因此，带有按钮的页面将填充存储，而新页面将简单地从该存储中读取。