Вопрос:

Vuetify: используйте карусель для отображения компонентов

vuejs2 vuetify.js

3752 просмотра

2 ответа

71 Репутация автора

Ответ на этот вопрос говорит:

Слот отсутствует в документах, вы уже можете это сделать.

Может кто-нибудь привести пример с игрушкой или объяснить, как это сделать? Чтобы уточнить, я хочу импортировать компоненты (например, A.vue, B.vue, C.vue) в другой (например, Carousel.vue), а затем отобразить указанные компоненты в карусели. Что-то вроде:

<template>
  <v-carousel>
    <v-carousel-item v-for="(component, i) in components"></v-carousel-item>
  </v-carousel>
</template>

<script>
  import A from '@/components/A'
  import B from '@/components/B'
  import C from '@/components/C'

  export default {
    components: {
      A,
      B,
      C
  }
</script>
Автор: wayeast Источник Размещён: 07.01.2018 08:17

Ответы (2)


6 плюса

7282 Репутация автора

Решение

Проблема говорит, что если вы правильно включите свои компоненты, вы можете просто поместить их внутрь, v-carouselнапример:

<v-carousel>
     <your-custom-component/>
</v-carousel>

Или внутри v-carousel-itemтоже

<v-carousel-item>
    <v-btn>Hi</v-btn>
</v-carousel-item>

Я получил отрицательное голосование по неизвестной причине, поэтому я предполагаю, что это не было достаточно ясно, поэтому следует подробное объяснение.

Для того, чтобы сделать <your-custom-component/>работу внутри <v-carousel>компонента верхнего уровня внутри, <your-custom-component/>необходимо v-carousl-item:

// YourCustomComponent.vue
<template>
    <v-carousl-item>
    // ...
    </v-carousl-item>
</template>

(Это если что-то не изменилось в последующих версиях vuetify)

Автор: Traxo Размещён: 07.01.2018 10:02

1 плюс

772 Репутация автора

Что ж, если вы согласны с отказом от carouselтребования, вы можете взглянуть на v-window . Это обеспечивает именно то, что вы просите.

Автор: untill Размещён: 25.05.2019 11:19
Вопросы из категории :
32x32