小编Ian*_*cht的帖子

我的 __layout.svelte 中有一个变量checked，我希望该值在页面导航之间保持不变。相反，当我导航到新页面时，checked它会重置回默认值 false。有没有一种方法可以在页面加载之间简单地保留布局或应用程序状态？

问题的上下文是我需要在应用程序中的页面导航中维护检查的值，这是一个手动暗模式开关。

<!-- __layout.svelte -->
<script>

  let checked = false

  $: checked, console.log('checked is', checked)

</script>

<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>

<div style="margin-top:2em">
  <label>
    <input type="checkbox" bind:checked/>
    a checkbox...
  </label>
</div>

<slot></slot>