ok so this is going to be a little hard to explain but this is the scenario. So i have a component which is an ant design select and i've wrapped it into a component called "CusomSelect". In the wrapped component I've re implemented the v-model and the emitted events etc. All of this was working in a previous version.
So now lets say i have three instances of the CustomSelect in one form the events of the CustomSelect get overridden to the callback of the last mounted select. So when I change the value of select 1 or select 2 it sets the model of the third select ass it was mounted last.
I don't have to share code as its very standard and I just needed to get the scenario across.
Has anyone else ever had something this this happen?
<CustomSelect
:value="entity.var1"
@input="setEntityProp('var1', {value: $event})" />
<CustomSelect
:value="entity.var1"
@input="setEntityProp('var2', {value: $event})" />
<CustomSelect
:value="entity.var3"
@input="setEntityProp('var3', {value: $event})" />
// the setEntityProp is a mapped mutation that sets the value of the passed key in the entity object and the entity is the mapped state
// so when everything is mounted when ever I change the value of select 1 or 2 it sets the model of select 3 as the callback for select 3 overrides the @input of select 1 and 2