Помогите плиз разобраться. Есть компонент: <template> <div> <div

Question

Помогите плиз разобраться. Есть компонент: <template> <div> <div

v-for="(tab, i) in tabs"
:key="tab.i"
@click="selectTab(tab.hash, $event)"
>
{{ tab.name }}
</div>
<slot/>

</div>

Т.е. выводится шапка-переключатель табов, а ниже сами табы через слоты.

Используется данный компонент в проекте так:
<tabs>
<tab name="tab1">
Content tab1
</tab>
<tab name="tab2">
Content tab2
</tab>
</tabs>

Вопрос: как реализовать компонент так чтобы выводить шапку-переключатель в одном месте, а сами слоты например не сразу следом за переключателями, а чуть ниже, т.е. не следом друг за другом?

#frontend #javascript #programming #russian #vue.js

0

02.02.2019

1 ответов

12 просмотров

Kenan Ayvazov · Accepted Answer

Kenan Ayvazov

Сделай флексами. Т.е. делаешь два блока: в одному переключатели, в другом - слоты

0

02.02.2019

169 похожих чатов

Помогите плиз разобраться. Есть компонент: <template> <div> <div

1 ответов

Похожие вопросы