跨 PageJS 页面的 Svelte 动态变量

如何解决跨 PageJS 页面的 Svelte 动态变量

我在我的 svelte 应用程序中使用 Pagejs 并且我有一个 props 变量

<svelte:component this={current} {...props} />

我设置了我的页面路由列表

page('/',(ctx,next) => {
        current = Start
        props = {keyScanHandle}
        next()
    },() => {
        jQuery('.logo').css("opacity",0);
        jQuery('.button-startover').css("opacity",0);
    })
    page('/scan',next) => {
        current = Scan;
        props = {keyScanHandle}
        next()
    },showStartOver)

现在我可以在 App.svelte 文件中设置 keyScanHandle

let keyScanHandle = "test";

在我的 Start.svelte 和 Scan.svelte 页面的顶部

export let keyScanHandle;

console.log(keyScanHandle);

当我换页时它会打印“test”。但是可以说我进入了扫描页面。我想更改 keyScanHandle 的值，以便当我返回 Start 时，可以看到新值。我不知道该怎么做。

我应该只为那个变量使用商店吗？它可能最终成为一个对象而不仅仅是一个字符串。