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中。如果你這樣做了，你需要改變它。