Question

对this问题的回复说：

文档中缺少插槽，您已经可以执行此操作。

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

{{1}}

（除非在vuetify的后续版本中发生了某些变化）

Answer 2

好吧，如果您同意放弃carousel的要求，那么您可能想看看v-window。它提供了您所要的。

Vuetify：使用轮播来显示组件

2 个答案: