My dropdown menu is being populated with options based on an API response that looks like the following:
{"value":"1371","label":"apple"},{"value":"1371","label":"banana"},{"value":"1371","label":"mango "},{"value":"1365","label":"airconditioner"},{"value":"1365","label":"refridgerator"},{"value":"1365","label":"mobile"}
I'm experiencing a glitch where, due to some options having the same value but different labels, selecting one option automatically selects another with the same value. Is there any way in Vue.js to resolve this issue?
<select v-model="selected" class="selected-lists" size="8">
<option v-for="facility in availableList" v-bind:value="facility.value">{{facility.label }}</option>
</select>