[Vuejs]-Remove option from second select if already selected [Ordered multiple selection]

by

1👍

Ok I have this working now. I liked the question because making an ordered selection is a generic case. But, for me anyway, it wasn’t straightforward. The breakthrough was realising that, when you number the choices, the whole state of the component could be encapsulated in one array, allUsers. Available users and choices then become computed properties, based on this array. Moral of the story: get your store right, with no interactions between elements of the store.

My answer weighs in at 130 lines. How long and hard would this be without Vue? Mind boggles.

Stack wants me to post some code, so here’s the computed property that generates an array of choices made, in order of their priority, from the all users array…

choices(){
    return this.store.allUsers.map((aUser,index)=>{
    if(aUser.selection != null)
        return {idxAllUsers : index, selection: aUser.selection};
    else
        return null;
  })
  .filter(aSelection=>aSelection != null)
  .sort((a,b)=>{return a.selection - b.selection})
  .map(a=>a.idxAllUsers);
},

-2👍

I found this one very helpful.

Leave a comment