atmtab
@atmtab
Начинающий Frontend разработчик

Как добавить иконку в Select ElementPlus?

Ниже приведу код части формы на vue3 нужно сделать так, чтобы слева от текста отображалась иконка в любом состоянии, и выбранном и невыбранном
661e591ec9245854968561.png
<div>
          <el-select
              v-model="valueFrom"
              placeholder="Select"
              size="large"
              style="width: 100%;"
              class="mx-1"
          >
            <template slot="prefix">
              <el-icon>
                <LocationFilled/>
              </el-icon>
            </template>
            <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
            />
          </el-select>
        </div>
        <div>
          <el-select
              v-model="valueTo"
              placeholder="Select"
              size="large"
              style="width: 100%;"
              class="mx-1"
          >
            <template slot="prefix">
              <el-icon>
                <LocationFilled/>
              </el-icon>
            </template>
            <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
            />
          </el-select>
        </div>
  • Вопрос задан
  • 38 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Разберитесь с версией vue, для которой смотрите примеры кода.

- <template slot="prefix">
+ <template #prefix>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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