vue.js - 如何使用 Vuetify 创建一个连续的 v-slide-group？

Question

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

标签： vue.jsvuetify.js

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--;
}