Как вы используете vue-select reduce prop, чтобы уменьшить значение до объекта

Можете ли вы использовать vue-select, чтобы уменьшить значение до объекта с определенными свойствами?

Я пытаюсь сделать что-то вроде этого:

<v-select 
        multiple 
        :options="locations_ordered" 
        v-model="state.modal.data.locations" 
        label="name" 
        :reduce="loc => {id: loc.id, name: loc.name}"
        >

But it's throwing an error at the first colon. What's the right syntax here?


vue-select
person Page Russell    schedule 14.03.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Согласно документам Vue, преобразовывая выбор, вы используете reduce для выбора одиночный ключ.

В вашем примере вы могли бы сократить до простого возврата идентификатора (или имени). См. ниже:

<v-select multiple
          :options="locations_ordered"
          v-model="state.modal.data.locations"
          label="name"
          :reduce="loc => loc.id">
</v-select>

Если вы хотите сократить класс до меньшего, возможно, было бы лучше запустить .map() в списке, прежде чем передавать его элементу управления vue-select.

person t.karalis    schedule 26.05.2020
comment
@Page Rusell, если ответ был полезен, проголосуйте за, если нет, тогда проголосуйте против, возможно, с некоторыми отзывами. Если ответ решил вашу проблему, отметьте его как принятый. Очень признателен - person t.karalis; 31.05.2020