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

Question

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

那么我怎样才能创建 v-list 它将是 scrollable当列表中的项目多于 div 时？

Answer 1

尝试添加以下 CSS 规则:

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

查看 this pen 看演示