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

问题描述 投票:2回答:1

有人能用Vuetify创建一个连续的v-slide-group吗?我已经用自定义箭头和所有箭头创建了这个v-slide-group,但是现在我必须使其连续-当到达最后一项时(单击绿色箭头或滑动),它必须重新开始。我已经看到此功能是在v-carousel组件(以及cycle prop)中实现的,但是有没有办法通过v-slide-group来实现呢?

enter image description here

vue.js vuetify.js
1个回答
0
投票

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

slideGroup: 0,
nextSlide() {
  this.slideGroup++;
  this.slideGroup == 4 ? (this.slideGroup = 0) : "";
},
previousSlide() {
  this.slideGroup--;
}
© www.soinside.com 2019 - 2024. All rights reserved.