How to make specific option of select list show in the first row using vueJs?

Question

Here bellow the code to loop the elements of teamLeaderOfWithDescendants

<option :value="item.user_id" v-for="item in teamLeaderOfWithDescendants">
   {{item.user_full_name}}
</option>

How to put the row where the item.user_id === currentUserId in the first position ?

Does this answer your question? [JavaScript move an item of an array to the front](https://stackoverflow.com/questions/23921683/javascript-move-an-item-of-an-array-to-the-front) — Cameron Downer, Dec 23 '19 at 16:05
`currentUserId` is a variable which presents the current user Id (Auth) — Mostafa Abdellaoui, Dec 23 '19 at 16:14

score 0 · Answer 1 · answered Dec 23 '19 at 16:12

0

I thinks I found it ! :selected="currentUserId === item.user_id"

<option
:selected="currentUserId === item.user_id"
:value="item.user_id" 
v-for="item in teamLeaderOfWithDescendants">
{{item.user_full_name}}
</option>

answered Dec 23 '19 at 16:12

Mostafa Abdellaoui

355
1
6
15

How to make specific option of select list show in the first row using vueJs?

1 Answers1