Javascript Quasar-垂直滚动条宽度不超过600px

我正在使用quasar framework，我不知道为什么.vue组件中的垂直滚动条会因窗口的宽度而出现故障。它的工作宽度小于600px

home.vue代码：

    <template>
    <div class="layout-padding">
        <div class="user">
            <p>User Component</p>
            <router-view class="layout-view"></router-view>
        </div>  
        <div>
            <i>account_circle</i>
            <p class="bg-red-1">Quasar framework</p>
            <button class="secondary" @click="toggleFullscreen()">
            <i class="on-left">zoom_out_map</i>
            Toggle Fullscreen  
            </button>
        </div>

        <div>
            <p>-</p>
            <blockquote>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
            <small>Someone famous for <cite title="Quasar Framework">Quasar Framework</cite></small>
            </blockquote>
        </div>
    </div>
</template>

用户组件

会计圈
类星体框架

缩小地图
全屏切换
-

Lorem ipsum dolor sit amet，是一位杰出的献身者。整数赌注

以类星体框架而闻名的人

子例程需要根节点，因此我必须添加一个包含“布局填充”div的div

[内容…]

我从quasar文档中得到了解决方案：

---

如果上一页有一个打开的模式，则当前页有一些来自模式的参数（比如没有滚动页）。因此，解决方案是关闭上一页中的模式（@click=“modal.close（）”），然后转到当前页

<template>
    <div> <!-- root node -->
        <div class="layout-padding">
            [Content...]
        </div>
    </div>
</template>