🌟

vuetify/v-tab-item(タブ)をスクロールするように

2021/10/26に公開

タブをv-dialog中に入れる場合、dialogにscrollableをつけると、タブを含めて、全体がスクロールしてしまいます。今のタブが確認できなくなります。

今のタブも確認できるように、タブも固定して、タブの内容だけをスクロールさせたいこと、ありませんか?

やりかたはとても簡単です。overflow-yを使います。

サンプル:

<v-tab-item style="overflow-y: scroll; overflow-x: hidden; height: 500px">
</v-tab-item>

こんな感じになります。

高さ(height)は親コンテナに合わせてうまく調整してね。

Discussion