Иконки в v-select vuetify

128
29 августа 2019, 10:30

Как можно добавить выбор иконок в селект vuetify? Как на картинке

Т.е есть селект,

             <v-select
             :items=""
             label="">
             </v-select>

и есть иконки

<v-icon>person<v-icon>
<v-icon>folder<v-icon>
<v-icon>create<v-icon>
Answer 1

Вы можете использовать scoped slot для своих целей
Для v-select есть два scoped slot:

  • selection: описывает, как v-select должен отображать элементы при выборе
  • item: описывает, как v-select должен отображать элементы при открытии

Ваш код:

<v-select :items="list">
    <template slot="selection" slot-scope="data">
        <v-icon color="#000000">{{ data.item.icon }}</v-icon>
    </template>
    <template slot="item" slot-scope="data">
        <v-icon color="#000000">{{ data.item.icon }}</v-icon>
    </template>
</v-select>

И в data указываете ваш список иконок

list: [
    { icon: 'home' },
    ...
]

Подробнее можете посмотреть на официальном сайте

READ ALSO
Как решить вопрос с слайдером?

Как решить вопрос с слайдером?

Есть слайдер с счетчиком, при включении нижнего прогрессбара перестает работать счетчикonTranslated : counter, onTranslated : moved

129
использование составных индексов

использование составных индексов

Есть две таблицы с большим количеством записей:

102
Ссылка на изображение в Flask

Ссылка на изображение в Flask

Пытаюсь сделать вывод отчетов из базы postgresql в веб-интерфейс Flask

184
Добавление js элементов

Добавление js элементов

Подскажите пожалуйста, есть код в котором при нажатии на input добавляется div элемент

111