访问 svelte 中的 URL 查询字符串

如何解决访问 svelte 中的 URL 查询字符串

我应该如何从 svelte 访问查询字符串参数？当“?beta”附加到 URL 时，我希望我的脚本有不同的行为。

我的直觉方法是在细长的 URLSearchParams 块中使用标准的 #if。

解决方法

是的，您应该可以使用 URLSearchParams。通常，您可以在纯 JS 中执行的任何操作都可以在 Svelte 脚本标记中执行。

<script>
    const urlParams = new URLSearchParams(window.location.search);
    const isBeta = urlParams.has('beta');
</script>

{#if isBeta}
    <p>This is beta!</p>
{:else}
    <p>This is not beta.</p>
{/if}

,

对于专门使用 Svelte 框架 SvelteKit 的任何人，page store 允许您导入 page 对象，允许您以 page.query 的形式访问参数：

<script>
  import { page } from '$app/stores';
  let isBeta = page.query.beta;
</script>


{#if isBeta}
  <p>This is beta!</p>
{:else}
  <p>This is not beta.</p>
{/if}