Блог

Я заполняю выпадающий список из вычисляемого метода, который возвращает массив объектов хранилища. Затем в vue-select я передаю это как options и показываю option.address в выпадающем списке. Это работает так, как ожидалось, но при нажатии на выпадающий вариант в поле не отображается значение — оно просто остается пустым.

 computed: {
   storeLocationsArray: function() {
    let arr = [];
    this.storeLocations.forEach((location,index) => {
        arr.push({id: index, address: location.address})
    })
    return arr;
   }
}

  

 <v-select
    v-model="selectedPickupLocation"
    :options="storeLocationsArray"
>
    <template class="single-option" slot="option" slot-scope="option">
        {{option.address}}
    </template>
</v-select>
  

Вы можете использовать label для отображения address вместо слота

 <v-select
    v-model="selectedPickupLocation"
    :options="storeLocationsArray"
    label="address"
>
</v-select>