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

Posted 2023-02-23

【中文标题】如何在 Vuejs 中制作选项卡菜单特定链接

【英文标题】：How to make a tab menu specific link in Vuejs

【发布时间】：2021-01-07 04:15:36

【问题描述】：

目前我正在尝试使用 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>

【参考方案1】：

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