vue.js - VuetifyJS - 滚动 v-navigation-drawer

Question

我是 VueJs 的新手，我开始从事我的第一个项目，该项目需要我有一个侧面板（抽屉）作为导航栏，并且它总是可见的。

到目前为止一切顺利，它看起来完全符合我的要求。

问题是每次我放很多链接时，抽屉都不会滚动以查看我放在那里的所有链接。

我尝试过使用 css，但没有任何反应。有人对我应该做什么有任何暗示吗？

当链接超出页面或屏幕很小时，我只需要抽屉可以滚动。

我所做的是我将我的抽屉封闭在一个带有“可滚动”类的 div 中，并添加了以下 css：

.scrollable{ height:100%; overflow:auto;}

我也试过这个，因为这是我能找到的最接近我的问题的东西

标签： vue.jsscrollvuetify.jsdrawer

Answer 1

如果根据文档app添加选项，导航抽屉应该是可滚动的

app我仍然遇到问题，因为我有两个并排的抽屉，所以我无法将选项添加到抽屉中。

我刚刚将这种样式添加到我的抽屉中，并且成功了：

calc(100% - 48px); height: 100vh;