如何在 vuetify 中创建可滚动的 v-list?
Posted
技术标签:
【中文标题】如何在 vuetify 中创建可滚动的 v-list?【英文标题】:How to create scrollable v-list in vuetify? 【发布时间】:2019-12-08 16:44:37 【问题描述】:我在 flex 布局中创建了v-list
,并且 v-list 在列中水平填充剩余空间。但是如果列表包含很多总高度大于列高的元素,那么列表就会突出。
我试图将最大高度和固定高度添加到 v 列表中,但随后列表项从包装器 v-list
中伸出。而且我尝试添加 v-scroll 但这没有帮助。
那么,当列表中包含的项目多于 div 中的项目时,我该如何创建 v-list,它将是 scrollable
?
【问题讨论】:
您正在使用哪个版本的 vuetify? 版本号为1.5.5 【参考方案1】:尝试添加以下 CSS 规则:
.v-list
height:200px;/* or any height you want */
overflow-y:auto
查看this pen
以查看演示
【讨论】:
哦,我不知道为什么我没想到:D 谢谢!以上是关于如何在 vuetify 中创建可滚动的 v-list?的主要内容,如果未能解决你的问题,请参考以下文章