vue.js - 如何将 BootstrapVue 中的 Prop 传递给路由器链接

Question

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

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

这是一个工作副本，

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

我想把它改成这样:

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

其中“ Action ”是我需要传递的 Prop 。

Answer 1

在您的 :to 上使用查询参数使用 Location object Prop :

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

或者，如果您的路由设置为参数 slug(即`/login/:action'):

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

如果你使用命名路由，你可以调整上面的使用 name而不是 path .