javascript - 如何使用点击事件导航到另一个页面

标签 javascript vue.js bootstrap-4 vuejs2

我正在使用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>

出于某种原因,onClick 事件上的 location.reload() 方法有时允许我查看表单。

感谢任何帮助!

最佳答案

您应该使用 window.location.href='path-to-form'

,而不是 location.reload()

关于javascript - 如何使用点击事件导航到另一个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61132237/

相关文章:

html - 如何创建一个包含堆叠文本的 div/按钮?

java - 如何检测客户端的时区?

angular - Hook 以从 Typescript 引导 4 模态显示/隐藏事件

javascript - 为什么在这种情况下 "this"是全局/窗口对象?

javascript - Vue js在单击按钮时动态添加文本框时绑定(bind)动态id

javascript - 带有ajax的Vuex Action 未在计算中更新

json - vuejs : the correct path of local json file for axios get request

angularjs - 通过 Angular 4 进行的 Bootstrap 4 轮播的动态填充不显示图像

javascript - 在 Material Design 中调整 Google Columns 图表的列宽

javascript - 如何更新代表相同数据的两个不同的 React 组件实例?