список прокрутки в Vuetify

Question

Вот мой код 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 пользователей, и список по умолчанию не прокручивается.Есть ли какая-то черта, которая помогает с этим?

Answer 1

Для vuetify 2.0 вспомогательный класс 'scroll-y' заменен на 'overflow-y-auto' .https://github.com/vuetifyjs/vuetify/releases (Просто Ctrl + F 'scroll-y') Так что используйте.

<v-list style="max-height: 100px"class="overflow-y-auto">

Answer 2

Я добился этого, задав стиль max-height: 100px и добавив класс vuetify scroll-y к <v-list></v-list>

Например:

<v-list
       style="max-height: 100px"
       class="scroll-y"
>
    <template 
             v-for="user in users"
    >
        <v-list-tile
                    :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>        
    </template>    
</v-list>