Currently, I am working with vue-bootstrap and I have a set of cards, each containing a button. I want each of these buttons to redirect me to a different form, but I am struggling with implementing this functionality. Below is the snippet of my code:
<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>
It seems like using the location.reload()
method in the onClick
event helps in displaying the forms, but only sometimes.
If anyone can provide any assistance on how to make these buttons properly redirect to the respective form URLs, it would be greatly appreciated!