Vuetify：使用轮播显示组件

Question

对这个问题的回答是：

该文档缺少该广告位，您已经可以执行此操作。

有人可以提供的玩具例子或解释如何做到这一点？为了澄清，我想要的是将组件（例如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>

Answer 1

问题说，如果您正确地包含了组件，则可以将它们放入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有所更改）