如何在 Sapper 中单击按钮更改路线？

Question

我知道可以使用

前往路线

<a href="/example"></a>

但想知道是否可以单独使用按钮组件而不是通过在按钮周围包装 <a> 标签。

我要找的是类似这样的东西：

<button goto={"/example"}>Goto a page</button>

Answer 1

您可以使用 goto 来...

<script>
  import { goto } from '@sapper/app';
</script>

<button on:click={() => goto('/example')}>Goto a page</button>

...但您可能不应该这样做。链接是链接，按钮是按钮。如果某些东西导致导航，你最好使用 <a> — 使用按钮不利于可访问性、不利于 SEO 和不利于可用性（没有 middle-click 在新选项卡中打开等） .除非你真的知道你在做什么，否则到处都是糟糕的！

How to change route on button click in Sapper?