vue.js - How to remove spacing on a v-list-item in vuetify - Stack Overflow

admin管理员组

文章数量:1221299

There is limited amount of space available on this list item.

It is created with:

<template>
        <v-list density="compact">
            <v-list-item density="compact" v-for="date in datesList">
                <template v-slot:prepend>
                    <v-icon :icon="date.icon" :color="date.color"></v-icon>
                </template>

                <v-list-item-title v-text="date.text"></v-list-item-title>
            </v-list-item>
        </v-list>
</template>

Vuetify renders a spacer () of 32px; If I attempt to remove this with scoped style:

.v-list-item__prepend {
    display: inline-block;
}
.v-list-item__spacer {
    width: 0;
}

it still is rendered. How to completely remove this waste of space?

本文标签： vuejsHow to remove spacing on a vlistitem in vuetifyStack Overflow