VueJS: Elements-UI el-select: Как получить значение selectedLabel? - PullRequest
Новая
       24

VueJS: Elements-UI el-select: Как получить значение selectedLabel?

0 голосов
/ 02 июля 2019

У меня есть фильтр по раскрывающемуся состоянию, 

<el-form-item label="State" prop="state"> 
<el-select v-model="listQuery.state" filterable placeholder="Select State" @change="getCityList" > 
<el-option v-for="item in stateList" :key="item.name" :label="item.name" :value="item.code" ></el-option> 
</el-select> 
</el-form-item>
<el-tag
    :key="tag"
    v-for="tag in tags"
    closable
    :disable-transitions="true"
    @close="handleClose(tag)"
  >{{tag}}</el-tag>

При выборе я отправляю код состояния в API, и я использую закрываемый el-tag, чтобы показать имя состояния, чтобы пользователь мог удалить фильтр. Там также я получаю код, но вместо этого я хочу показать название штата. Есть ли способ получить ключ или метку выбранной опции? Пожалуйста, помогите мне в этом.

Вот скриншот,

enter image description here

Заранее спасибо.

1 Ответ

0 голосов
/ 17 июля 2019

Привязкой значения в select может быть объект javascript «item», он не обязательно должен быть «item.code».Требование для этого (привязка значения к объекту js) заключается в том, что вы должны связать: ключ, а значение, связанное с ключом, должно быть уникальным.

...