将 q-scroll-area 与 div 一起使用

Question

我正在将 q-scroll-area 添加到可用的现有内容中。当我添加 q-scroll 区域时，v-if 的条件格式不起作用（如果我用 q-scroll-area 包装 div 或以其他方式包装它）。我希望 div 元素仅在 v-if show 上出现并可滚动。

    <div @click="show = !show">button</div>
    <div v-if="show">
    <q-scroll-area>Lorem ipsum dolor sit amet, consectetur adipiscing 
    elit.  
    </q-scroll-area>
    </div>

Answer 1

在 Quasar 文档中，他们将 垂直内容 的固定高度设置为 <q-scroll-area>。似乎 q-scroll-area 的高度默认为 0。

<div @click="show = !show">button</div>
  <div v-if="show">
    <q-scroll-area style="height: 200px; max-width: 300px;">Lorem ipsum dolor sit amet, consectetur adipiscing 
    elit.  
    </q-scroll-area>
  </div>

将 q-scroll-area 与 div 一起使用

Using q-scroll-area with div

vue.js

quasar-framework