在我的 vue 應(yīng)用程序中，我有一個(gè)包含一些選項(xiàng)卡的頁面。我想根據(jù)不同的路線更改/顯示選項(xiàng)卡。為此，我用這個(gè)答案作為參考。總的來說，這工作正常！我甚至可以通過在移動(dòng)設(shè)備上滑動(dòng)來更改選項(xiàng)卡（這要?dú)w功于.@changev-tabs-items但是：?jiǎn)螕暨x項(xiàng)卡標(biāo)簽時(shí)，由 加載的組件將安裝兩次?；瑒?dòng)時(shí)，它只安裝一次。<router-view>原因必須與s循環(huán)內(nèi)的存在有關(guān)。<router-view><v-tab-item>如果我把它放在這個(gè)環(huán)路之外，子組件就會(huì)正確安裝一次。不幸的是，我不能再使用滑動(dòng)來更改選項(xiàng)卡，因?yàn)閮?nèi)容是分離的。所以：是否有機(jī)會(huì)同時(shí)具有這兩種功能（動(dòng)態(tài)路由內(nèi)容和可移動(dòng)性）？謝謝你們！維尤：<template> <!-- [...] --> <v-tabs centered="centered" grow v-model="activeTab">    <v-tab v-for="tab of tabs" :key="tab.id" :id="tab.id" :to="tab.route" exact>      <v-icon>{{ tab.icon }}</v-icon>    </v-tab>    <v-tabs-items v-model="activeTab" @change="updateRouter($event)">      <v-tab-item v-for="tab of tabs" :key="tab.id" :value="resolvePath(tab.route)" class="tab_content">        <!-- prevent loading multiple route-view instances -->        <router-view v-if="tab.route === activeTab" />      </v-tab-item>    </v-tabs-items>  </v-tabs>  <!-- [...] --></template><script>data: () => ({    activeTab: '',    tabs: [      {id: 'profile', icon: 'mdi-account', route: '/social/profile'},      {id: 'friends', icon: 'mdi-account-group', route: '/social/friends'},      {id: 'settings', icon: 'mdi-cogs', route: '/social/settings'},    ]  }),  methods: {    updateRouter(tab:string) {      this.$router.push(tab)    }  },</script>路由器：{    path: "/social",    component: () => import("../views/Social.vue"),    meta: {      requiresAuth: true    },    children: [      {        path: "profile",        component: () => import("@/components/social/Profile.vue")      },      {        path: "friends",        component: () => import("@/components/social/Friendlist.vue")      },      {        path: "settings",        component: () => import("@/components/social/ProfileSettings.vue")      }    ]  }