Vuejs2 vue.js2/vuetify旋转木马图像的一些问题

我使用来自的旋转木马组件

{{concatStr（nextArtistImage.description，100）}

使用它，我需要更多的选项来控制一些图像，如

1） 如果图像的宽度/高度太大，我想显示的图像的大小比转盘大小。可能吗

2） 如何设置图像区域的最大宽度/高度

3） 当我以秒间隔默认值打开页面时，我会看到空的旋转木马区域，只有在间隔默认值秒后，第一个图像才会打开。 我设置了有效的图像列表，没有空元素。但一开始似乎打开了一些空图像

它是某个图书馆的包装纸吗？我可以访问它的选项吗？请参考示例如何使其

使用的软件包

vue.js2.5.7

vuetify，1.0.8

用于数字2）要将转盘的宽度和高度设置为400px，我当前使用以下代码。但要回答1）您可以将这些值设置为您想要的任何值

   <v-flex xs12 style="width:100%; max-width:400px; margin: auto 0">
        <v-carousel cycle hide-delimiters style="width:100%; max-height:400px" class="white">
          <v-carousel-item v-for="(item,i) in images" :src="baseUrl+item.url" :key="i"></v-carousel-item>
        </v-carousel>
      </v-flex>

---

对于3，如果因为通过axios加载图像而出现此错误（就像我一样），可以通过向旋转木马添加v-if来修复

v-if=“myloadedimages.length>0”

。这样，只有在加载图像后才会显示旋转木马，并显示第一个图像

您是否正在使用axios从api加载图像？请尝试以下方法：

   <v-flex xs12 style="width:100%; max-width:400px; margin: auto 0">
        <v-carousel cycle hide-delimiters style="width:100%; max-height:400px" class="white">
          <v-carousel-item v-for="(item,i) in images" :src="baseUrl+item.url" :key="i"></v-carousel-item>
        </v-carousel>
      </v-flex>