Если можно, я перефразирую вопрос. Есть примитивный код: Tabs.vue <template>

Question

Если можно, я перефразирую вопрос. Есть примитивный код: Tabs.vue <template>

<div class="tabs">
<h2>Tabs</h2>

<slot>
Дефолтное содержимое при отсутствии табов
</slot>
</div>
</template>

Tab.vue
<template>
<div>
<slot>XXX</slot>
</div>
</template>

Page1.vue (тут рендерятся эти самые "табы")
<template>
<div>
<h1>Tabs demo</h1>

<tabs>
<tab></tab>
<tab>123</tab>
</tabs>
</div>
</template>

Вот так — всё работает именно так как и ожидается. На выходе мы получаем:
<div class="tabs">
<h2>Tabs</h2>
<div>XXX</div>
<div>123</div>
</div>

Как нужно поправить этот код, что бы задать слотам имена и использовать скажем, два слота?

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

0

11.03.2020

1 ответов

16 просмотров

Anton Golovanov · Accepted Answer

Anton Golovanov

https://ru.vuejs.org/v2/guide/components-slots.html тут все есть.

0

11.03.2020

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

Если можно, я перефразирую вопрос. Есть примитивный код: Tabs.vue <template>

1 ответов

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