我正在使用类星体框架,但我不知道为什么 .vue 组件中的垂直滚动条会因窗口宽度而失败。它适用于小于 600 像素的宽度。
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>
最佳答案
子路径需要一个根节点,所以我必须添加一个包含“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
关于javascript - Quasar - 垂直滚动条不能在超过 600 像素的宽度上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43093384/