如何使用 Vuetify 创建连续的 v-slide-group？

Question

有没有人设法用 Vuetify 创建一个连续的 v-slide-group？我已经使用自定义箭头和所有内容创建了这个 v-slide-group，但现在我必须让它连续 - 当到达最后一个项目时（通过单击绿色箭头或滑动）它必须重新开始。我已经看到这个功能是在 v-carousel 组件中实现的（以及循环道具），但是有没有办法用 v-slide-group 实现它？

Answer 1

我现在有一个“工作解决方案”，如果有人可以扩展它、改进它或提供更好的解决方案，我将不胜感激：我已将整个幻灯片组 v-model-ed 为 0，然后当用户单击下一个箭头，它会递增，上一个箭头会递减。需要单击 4 次才能到达幻灯片组的末尾，因此当 时this.slideGroup == 4，下一次单击将其设置为 0 并重新启动。

slideGroup: 0,
nextSlide() {
  this.slideGroup++;
  this.slideGroup == 4 ? (this.slideGroup = 0) : "";
},
previousSlide() {
  this.slideGroup--;
}