如何在 Vuejs 中制作选项卡菜单特定链接

Question

目前我正在尝试使用 bootstrap-vue 制作选项卡菜单，该菜单根据按下的按钮动态激活。 按下“tab2”按钮时如何链接到活动的tab2？

page1.vue

  <router-link to="/page2/" tag="button">tab1</router-link>
  <router-link to="/page2/" tag="button">tab2</router-link>

page2.vue

<b-tabs>
    <b-tab title="tab1" active>tab1</b-tab>
    <b-tab title="tab2">tab2</b-tab>
</b-tabs>

Answer 1

如果您的问题是如何使 page1.vue 上的链接处于活动状态，vue-router 会在它们指向的路由匹配时将 router-link-active 分配给 router-links。