Vuetify限制网格列表高度



我最近使用Vuetify Framework 在 vue.js中开发了一个问题,我遇到了一个问题,我无法弄清楚如何解决。<<<<<<<<<<<<<<<</p>

因此,在几种情况下,我需要使用Vuetify网格组件在网格中显示一些数据。

我对此表示了一个代码,我决定在我的一个页面中的V卡中尝试它。

当我只有几个元素(例如7/8(时,网格不那么高。

,但是当组件越来越高时,网格变得太高了,它充满了我的可用空间,扩展了我的页面(我不希望我的页面扩展超过屏幕高度(

我认为,通过将简单的style="max-height:300px"添加到V卡中,我可以阻止网格扩展,并且网格会得到一个简单的侧面滚动栏,但是我获得的效果有些不同。

卡高度限制为300px,但内部的元素保持在V卡高度上的扩展。

这是一个代码蛋白。

如何获得我要寻找的结果?谢谢。

只需将 overflow-y: auto;添加到要应用max-height的元素中。

最新更新