Как использовать событие щелчка для перехода на другую страницу

Question

Я использую vue - bootstrap, у меня есть несколько карт, каждая с кнопкой в ​​них, каждая кнопка в этих картах должна привести меня к своей форме, проблема в том, что я не знаю, как чтобы заставить эти кнопки перенести меня на URL, где находятся эти формы, вот мой код:

<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"
>
  <router-link :to="{name: 'signUp', params:{id:item.title}}">
    <b-button variant="primary" onClick="location.reload();" >Go {{ item.title }}</b-button>
  </router-link>
</b-card>

По какой-то причине метод location.reload() в событии onClick иногда позволяет мне видеть формы.

Любая помощь приветствуется!

Answer 1

Вместо location.reload(), вы должны использовать window.location.href='path-to-form'

Answer 2

router-link будет перенаправлен на путь :to="{name: 'signUp', params:{id:item.title}}" при нажатии. Вам не нужно добавлять событие нажатия кнопки внутри.

Если вы пытаетесь перейти к маршруту singUp при нажатии кнопки, вы можете использовать

  <router-link :to="{name: 'signUp', params:{id:item.title}}" tag="button">
      Go {{ item.title }}
  </router-link>

ИЛИ

<b-button variant="primary" onClick="$router.push({name: 'signUp', params:{id:item.title}})" >Go {{ item.title }}</b-button>

, который перенаправит вас на маршрут с именем signUp.