Vuetify: carousel을 사용하여 컴포넌트를 표시합니다.

Vuetify: carousel을 사용하여 컴포넌트를 표시합니다.

이 문제에 대한 응답은 다음과 같습니다.

문서에 슬롯이 없습니다.이 작업은 이미 수행할 수 있습니다.

누가 장난감의 예나 방법을 설명해 줄 수 있나요?명확하게 말하면 컴포넌트를 Import 하는 것입니다(예:A.vue, B.vue, C.vue를 다른 것(예:회전목마.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>

컴포넌트를 올바르게 포함하면 컴포넌트를 삽입하기만 하면 됩니다.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의 후속 버전에서 변경된 사항이 없는 한)

음, 당신이 괜찮다면carouselv-module을 살펴보는 것이 좋습니다.그것은 당신이 원하는 것을 정확히 제공합니다.

언급URL : https://stackoverflow.com/questions/48141156/vuetify-use-carousel-to-display-components