如何将 BootstrapVue 中的 props 传递给 router-link

Question

以下是 BootstrapVue 导航栏的使用方式https://bootstrap-vue.js.org/docs/components/navbar，但对于一个视图，我需要从导航栏向其传递一个 prop。

将其添加到原始 Vue 中非常容易，但 BootstrapVue 似乎没有解决方案。有人有任何线索吗？

这是一份工作副本，

<b-nav-item to="/login">register</b-nav-item>

我想把它改成这样：

<b-nav-item to="/login" :action="'register'">register</b-nav-item>

其中“action”是我需要传递的支柱。

Answer 1

:to通过使用Location对象在 prop 上使用查询参数：

<b-nav-item :to="{ path: '/login' query: { action: 'register'} }">
  register
</b-nav-item>

或者，如果您的路由设置为参数段（即“/login/:action”）：

<b-nav-item :to="{ path: '/login' params: { action: 'register'} }">
  register
</b-nav-item>

如果您使用命名路由，则只需调整上面的内容即可使用name而不是path.