javascript - Vue.js 与 vue Material ；滚动

Question

我目前正在做一个项目，我使用 vue.js与 vue material , 和 vue-router (每个版本的最新版本)。我不知道为什么，但如果主要内容高于屏幕高度，我就无法向下滚动，浏览器中没有滚动，只是元素超出了屏幕。

例如:如果我制作了一个动态列表，如果我将 3 个 component 放到列表中，它们是可见的，但是我放了 10 个 component 那么我可以看到 4-5 ，无法向下滚动。现在我想出了如果我在列表 component 的 md-layout 的 css 中定义 max-height (包含列表元素 component) 然后，一个滚动出现，但是在 md-layout 元素上，而不是在页面上。

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

为什么 vue.js 和/或 vue Material 会这样工作？

提前感谢您的回复!

Answer 1

我最初复制了Vue Material 示例，它在CSS中隐藏了溢出。如果您已经这样做，则需要更改它。