web-dev-qa-db-ja.com

Vuetifyでのリストのスクロール

リストを使用するためのVuetifyコードは次のとおりです。

<v-list>
    <v-list-tile
            v-for="user in users"
            :key="user.id"
            avatar
            @click=""
    >

        <v-list-tile-content>
            <v-list-tile-title v-text="user.name"></v-list-tile-title>
        </v-list-tile-content>

        <v-btn icon>
            <v-icon>edit</v-icon>
        </v-btn>
    </v-list-tile>
</v-list>

問題は、100人を超えるユーザーがいて、リストがデフォルトでスクロールできないことです。それを助ける特性はありますか?

9
Tutu Kaeen

クラスとスタイルを使用するその解決策は私にはうまくいきませんでした。垂直スクロールがリストの外側に表示され、それをラップしていたdivに適用されました。

このソリューションは完璧に機能しました:

<v-list three-line max-height="400px" class="overflow-y-auto">
1
Javier Escobar