在 Vuetify 中垂直对齐多个 v-slide-group答案

【问题标题】：Vertically aligning multiple v-slide-group in Vuetify在 Vuetify 中垂直对齐多个 v-slide-group
【发布时间】：2021-01-20 11:21:48
【问题描述】：

我有超过 1 个用户正在查看的 v-slide-group。

其中一些 v-slide-group 会溢出并显示箭头，而有些则不会。

但是，由于箭头只会在显示箭头时才开始占用空间，因此会导致与不会有任何溢出的 v-slide-group 错位。

问题是，我怎样才能最好地对齐多个 v-slide-groups？

附：我在下面附上图片作为参考

当一组溢出而另一组没有溢出时会发生什么

我总是可以强制显示箭头，但我希望只有在溢出时才显示箭头

【问题讨论】：

【解决方案1】：

您需要使用插槽来提供要显示的内容。例如：

<template v-slot:prev>
  ... perhaps an icon ...
</template>
<template v-slot:next>
  ... perhaps an icon ...
</template>

然后根据您提供的一些溢出指示器显示或隐藏插槽的内容。

【讨论】：