{
Tab1: () => import('@/components/Cart/Tabs/Tab1.vue'),
Tab2: () => import('@/components/Cart/Tabs/Tab2.vue'),
Tab3: () => import('@/components/Cart/Tabs/Tab3.vue'),
Tab4: () => import('@/components/Cart/Tabs/Tab4.vue'),
Tab5: () => import('@/components/Cart/Tabs/Tab5.vue'),
Tab6: () => import('@/components/Cart/Tabs/Tab6.vue')
},
я их использую вот так в шаблоне
<component :is="activeTab" />
есть ли какой то способ сократить запись в components? Чтото на подобии
<component :is=" () => import(`@/components/Cart/Tabs/Tab${activeTab}.vue`)" />
?
Вам нужны children components и nested routes.
Можно создать компанент и передавать index и подключать с передачей параметра
Обсуждают сегодня