javascript - Quasar Vue Framework 14.3 でコンポーネントにサイド パネルを作成する方法

Question

Quasar バージョン 14.3 を使用して左側のパネルを動作させています。今、私はそれをコンポーネントにしたいと思っています。これを使用する場合：

<template>
  <q-layout ref="layout"
            :left-breakpoint=0>

    <q-scroll-area slot="left" style="width: 80%; height: 100%>
      <div>
        <left-panel></left-panel>
      </div>
    </q-scroll-area>
  </q-layout>
</template>

ただし、次のように機能します。

• 幅はCSSの問題を与える
• q-scroll-area をコンポーネントから外さなければならないのでしょうか? それを含めると、サイドパネルは非表示になりませんが、ページ内にあり、下にスクロールすると実際のページがその下にあります。

Quasar を使用してコンポーネントにソリッド サイド パネルを作成する方法について何か提案はありますか?