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

您可以使用parallel_read来显示label而不是广告位

address