如何在 vuetify 中创建可滚动的 v-list？答案

【问题标题】：How to create scrollable v-list in vuetify?如何在 vuetify 中创建可滚动的 v-list？
【发布时间】：2019-12-08 16:44:37
【问题描述】：

我在 flex 布局中创建了v-list，并且 v-list 在列中水平填充剩余空间。但是如果列表包含很多总高度大于列高的元素，那么列表就会突出。我试图将最大高度和固定高度添加到 v 列表中，但随后列表项从包装器 v-list 中伸出。而且我尝试添加 v-scroll 但这没有帮助。

那么，当列表中包含的项目多于 div 中的项目时，我该如何创建 v-list，它将是 scrollable？

【问题讨论】：

【解决方案1】：

尝试添加以下 CSS 规则：

.v-list{
  height:200px;/* or any height you want */
  overflow-y:auto
}

查看this pen 以查看演示

【讨论】：