v-carousel每次移动到下一项时跳过的问题。

可以使用v-model和@input来监听v-carousel的滑动事件，并在下一个项目之前停止自动播放。代码示例如下：

<template> <v-carousel v-model="currentIndex" cycle hide-delimiter-background @input="onSlideChange"> <v-carousel-item :src="item.src" v-for="(item, i) in items" :key="i" :reverse="reverse" :delimiter-icon="delimiterIcon" > <v-sheet class="carousel-surface" :color="item.color" :max-width="item.maxWidth" :max-height="item.maxHeight" > <v-row align="center" justify="center"> <div> <h2 class="display-3 mb-3">{{ item.title }}</h2> <p class="text-center">{{ item.text }}</p> </div> </v-row> </v-sheet> </v-carousel-item> </v-carousel> </template>

<script> export default { data: () => ({ items: [ { src: 'https://cdn.vuetifyjs.com/images/carousel/bird.jpg', color: 'grey darken-2', title: 'Bird', text: 'Birds are such lovely creatures!' }, { src: 'https://cdn.vuetifyjs.com/images/carousel/planet.jpg', color: 'grey darken-2', title: 'Planet', text: 'The universe is vast and never-ending.' }, { src: 'https://cdn.vuetifyjs.com/images/carousel/sky.jpg', color: 'grey darken-2', title: 'Sky', text: 'The sky is always beautiful and breathtaking.' } ], currentIndex: 0, reverse: false, delimiterIcon: '$vuetify.icons.carousel.delimiter' }),

methods: { onSlideChange() { if (this.currentIndex === this.items.length - 1) { this.$refs.carousel.pauseAutoRotate() } else { this.$refs.carousel.resumeAutoRotate() } } } } </script>