Javascript 垂直对齐Vuetify中的多个v形幻灯片组

我有多个用户看到的v-slide-group

有些v-slide-group会溢出并显示箭头，有些则不会

但是，由于箭头仅在箭头显示时才开始占用空间，因此会导致与v-slide-group不对齐，不会出现任何溢出

问题是，如何最好地对齐多个v形幻灯片组

另外，我附上以下图片作为参考

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

---

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

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

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

... 也许是一个图标。。。
... 也许是一个图标。。。

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