類星體 - 垂直滾動條的寬度不超過600px

Question

我正在使用類星體框架，我不知道為什么.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>

Answer 1

子路由是子路由所必需的，因此我必須添加一個包含“layout-padding”div的div

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

我從類星體文檔中得到了解決方案： http ： //quasar-framework.org/components/layout-overview.html#Understanding-Layouts

Answer 2

如果PREVIOUS頁面有一個打開的模態 ，則當前頁面有一些來自模態的參數（如無滾動頁面）。 因此，解決方案是關閉上一頁中的模態（@ click =“modal.close（）”），然后轉到當前頁面。