Vuetify使用断点旋转设备时调整的转盘高度，v-carousel-项目高度更新，直到页面刷新

<template>
  <v-carousel
    :height="carouselHeight"
    class="carousel"
  >
    <!-- 轮播项目内容 -->
  </v-carousel>
</template>

<script>
export default {
  data() {
    return {
      carouselHeight: 300, // 默认高度
    };
  },
  mounted() {
    this.updateCarouselHeight(); // 初始化时更新高度
    window.addEventListener('resize', this.updateCarouselHeight); // 监听窗口大小变化
  },
  methods: {
    updateCarouselHeight() {
      if (this.$vuetify.breakpoint.smAndDown) {
        this.carouselHeight = 200; // 在小屏幕上设置较小的高度
      } else {
        this.carouselHeight = 300; // 在大屏幕上设置较大的高度
      }
    },
  },
};
</script>

<style>
.carousel {
  transition: height 0.3s; // 添加过渡效果
}
</style>