@Alianos

Как сохранять картинки от опций vue-select.org?

Здравствуйте, изза необходимости в красивом-анимированом select-e языков я использою vue-select.org, однако в нем svg насколько я понимаю прийдется хранить в data, тоесть у меня получится
data: {
    options: [
      {
          title: 'Read the Docs',
          svg: '<svg>...</svg>',
        },
]
}

Насколько хорошый ето подход, не лучше ли описать опции в html и картинки в div-ах (как в обычном селекте)?
Как вы делали б свою реализацыю селекта на div-ах?
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ответы на вопрос 1
lavezzi1
@lavezzi1
Это плохая практика. Самый оптимальный вариант, использовать slot option, как указано в api:

<template>
  <v-select :options="books" label="title">
    <template #option="{ title, author }">
      <h3 style="margin: 0">{{ title }}</h3>
      <em>{{ author.firstName }} {{ author.lastName }}</em>
    </template>
  </v-select>
</template>


И здесь уже разруливать, какая картинка должна рендериться.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы