Vue-select: Reduce, V-Model and Key not working with multiple instances of v-select

[robertmarney]

Describe the bug
When multiple instances of vue-select are present with v-model data only the first instance selects the proper record.

To Reproduce

Component Template:

Calling Multiple Times:

<div class="column "> <b-field horizontal label="Team"> <div class="columns" > <div class="column"> <b-field labelPosition="on-border" label="Manager" message="Required"> <user-select v-model="bid.manager_user_id" :user_id="bid.manager_user_id" :end_point="'users/'" :name="'manager'" /> </b-field> </div> <div class="column"> <b-field labelPosition="on-border" label="Primary Buyer"> <user-select v-model="bid.buyer_user_id" :user_id="bid.buyer_user_id" :end_point="'users/'" :name="'buyer'" /> </b-field> </div> <div class="column"> <b-field labelPosition="on-border" label="Primary Expeditor"> <user-select v-model="bid.expeditor_user_id" :user_id="bid.expeditor_user_id" end_point="users/" :name="'expeditor'"/> </b-field> </div> <div class="column"> <b-field labelPosition="on-border" label="Responsible Engineer"> <user-select v-model="bid.responsible_engineer_user_id" :user_id="bid.responsible_engineer_user_id" end_point="users/" :name="'responsible'" /> </b-field> </div> </div> </b-field> </div>

Expected behavior
Vue Select to not display the key value of the second instance of the component but show the defined label field

Screenshots

On Render:

Data of first instances:

Data of second instsance:

Desired Output (by re-selecting):

Desktop:
OS: Windows 10
Browser: Brave 0.67.123

[doits]

Does #914 fix it?

[robertmarney]

@doits - Yes! wish I saw that PR an hour ago :)

Thanks for your help!