Vue.js with vue material;滚动

Question

我目前正在研究一个项目，在那里我使用vue.js与vue material和vue-router（每个版本的最新版本）。我不知道为什么，但如果主要内容高于屏幕高度，我无法向下滚动，浏览器中没有滚动条，只是元素不在屏幕上。

例如：如果我做了一个动态列表，如果我将3 component添加到列表中，它们是可见的，但是我放了10 component然后我可以看到4-5，没有办法向下滚动。现在我想通过列表component（包含列表元素component）的md-layout的css中的max-height定义max-height，然后出现滚动，但在md-layout元素上，而不是在页面上。

<main class="main-content"> 
    <router-view></router-view> 
    </main> 

为什么会出现vue.js和/或VUE材料的工作也是这样吗？

感谢您提前回复！

Answer 1

我最初复制了Vue材质的例子，它的隐藏溢出在CSS中。如果你这样做了，你需要改变它。