Изменить значок в element-ui Выбрать

у нас другой шрифт иконок в проекте, чем у element-ui. Можно ли изменить значок стрелки по умолчанию на собственный? Я ничего не могу найти об этом в документации. Буду признателен за любой совет.

Я создал такой компонент:

<el-select v-model="value" placeholder="Select">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value">
  </el-option>
</el-select>

vue.js element-ui
person Denis Stephanov    schedule 30.09.2020    source источник
comment
Что, если вы сделаете поле выбора по умолчанию и поле выбора element-ui и визуализируете их в разных условиях? используя v-if или v-show   -  person ma_jafari    schedule 30.09.2020
comment
Какой значок шрифта вы пытаетесь использовать?   -  person tony19    schedule 30.09.2020
comment
@ tony19 иконки дизайн материалов   -  person Denis Stephanov    schedule 30.09.2020

Ответы (2)


arrow_upward
0
arrow_downward

Нет возможности переопределить значок с помощью некоторого свойства, доступного в компоненте el-select. Но возможно, что вы переопределите значок с помощью css

.el-select .el-input .el-select__caret::before {
  content: '\e78e' // calendar icon of element-ui
}
person dreijntjens    schedule 05.10.2020

arrow_upward
0
arrow_downward

Вам нужно изменить содержимое значка в CSS.

.el-icon-arrow-up:before { content: "\e600"; }
.el-icon-arrow-down:before { content: "\e603"; }

За:

.el-icon-arrow-up:before { content: url(custom.svg); }
.el-icon-arrow-down:before { content: url(custom.svg); }

Grettings

person Ransomware0    schedule 03.04.2021