title: How do I use a click event to navigate to another page
body: <p>I'm using vue-bootstrap, I have several cards, each with a button in them, every button in these cards should take me to a different form, the problem is that I don't know how to make these buttons take me to the URL where these forms are, here's my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;b-card
    v-for="item in cards"
    :key="item.id"
    :title="item.title"
    :img-src="item.imagen"
    tag="article"
    style="max-width: 17rem;"
    class="card"
  &gt;
    &lt;router-link :to="{name: 'signUp', params:{id:item.title}}"&gt;
      &lt;b-button variant="primary" onClick="location.reload();" &gt;Go {{ item.title }}&lt;/b-button&gt;
    &lt;/router-link&gt;
  &lt;/b-card&gt;
  </code></pre>
  
  <p>For some reason the <code>location.reload()</code> method on the <code>onClick</code> event sometimes allows me to see the forms.</p>
  
  <p>Any help is appreciated!</p>