Javascript 如何使Vuetify carousel图像具有响应性,尤其是在移动屏幕上?

Javascript 如何使Vuetify carousel图像具有响应性,尤其是在移动屏幕上?,javascript,vue.js,slider,vuetify.js,carousel,Javascript,Vue.js,Slider,Vuetify.js,Carousel,我也尝试过用CSS实现这一点,但似乎不起作用,我知道Vuetify旋转木马的响应性不强,但我觉得Veutify团队现在应该解决这一问题,或者有更好的方法实现这一点吗 <v-flex xs12 md8 lg6 > <v-carousel style="border-radius:4px; " height="400px" class="slides"> <v-

我也尝试过用CSS实现这一点,但似乎不起作用,我知道Vuetify旋转木马的响应性不强,但我觉得Veutify团队现在应该解决这一问题,或者有更好的方法实现这一点吗

 <v-flex xs12 md8  lg6 >
             <v-carousel  style="border-radius:4px; "  height="400px" class="slides">
        <v-carousel-item
          class="slides"
          v-for="(item,i) in items"
          :key="i"
          :src="item.src"
          reverse-transition="fade-transition"
          transition="fade-transition" 
          
          >
          </v-carousel-item>
      </v-carousel>
          </v-flex>

Vuetify转盘确实是一个糟糕的转盘组件

我看不出有多少人抱怨它反应迟钝

没有“Vuetify”方法来做您想做的事情,您也不能使用
来解决这一问题,这就给您留下了两个主要选项:

  • 为转盘使用不同的组件。Vuetify树抖动,这样您就不会因为使用或不使用它而浪费/节省任何捆绑大小。你可以使用一个专用的旋转木马插件,这个插件功能强大、灵活,并且在移动设备上可以正常工作。这是我建议的选择
  • 编写大量自定义CSS以覆盖组件本身的某些部分

  • 不幸的是,没有更好的解决方案。我一直主张只使用高级旋转木马组件

    谢谢乔丹的回复,我真的很感激。很抱歉我不能给你一个更好的答案。有很多非常好的旋转木马组件,所以你不会出问题。我不知道为什么Vuetify没有改进这个组件。如果您认为答案有帮助,请确保将其标记为正确答案,以使其更具可见性!:)祝你好运