vue-select: selecting multiple options with same label

Asked Feb 03 '20 at 13:36

Active Feb 03 '20 at 13:54

Viewed 519 times

I have an options array with the same label but different value. But vue-select only allows one option to be selected.

 <v-select v-model="selectedData" multiple options="[{
        id:1,
        label: 'New York'
      }, {
        id:2,
        label : 'New York'
      }]">

As per the above snip, I want to select both the options but I am only able to select one of them. I tried reduce prop based on id, but it only filtered the selected value.

How can it be achieved? (reference)

https://codepen.io/aniket_777/pen/QWweZbE

edited Jun 20 '20 at 09:12

Community

asked Feb 03 '20 at 13:36

was_777

Maybe `multiple = 'true'\'false'`? – Ziv Ben-Or Feb 03 '20 at 13:38
giving just multiple prop is true by default and it is allowing to select mutilple options but not with same label. – was_777 Feb 03 '20 at 13:44
1

seems that this is an open issue: https://github.com/sagalbot/vue-select/issues/804 – manoi Feb 03 '20 at 14:01
the options prop should be binded: `` :options="[{ id:1, label: 'New York' }, { id:2, label : 'New York' }, { id:3, label : 'Delhi' }]"`` – AbdulAzeez Olanrewaju Feb 03 '20 at 14:04
Yes its is binded via Variable – was_777 Feb 03 '20 at 15:14

vue-select: selecting multiple options with same label

0 Answers0