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

【问题标题】：How to change route on button click in Sapper?如何在 Sapper 中更改按钮单击的路线？
【发布时间】：2020-11-07 20:24:04
【问题描述】：

我知道可以使用

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

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

我要找的是类似的东西：

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

【问题讨论】：

【解决方案1】：

您可以为此使用goto...

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

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

...但您可能不应该这样做。链接就是链接，按钮就是按钮。如果某些原因导致导航，您最好使用<a> - 使用按钮不利于可访问性，不利于 SEO，也不利于可用性（没有中键单击以在新选项卡中打开等）。除非你真的知道你在做什么，否则这一切都很糟糕！

【讨论】：