Vue: выпадающий список в vue-select не показывает значение после выбора

Question

Я заполняю раскрывающийся список из вычисляемого метода, который возвращает массив объектов хранилища. Затем в 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>

Answer 1

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

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