Imagine you have some data like that :
users: [
{
'name': 'Thomas Edison',
'email' 'thomas@edison.com',
'selected': false
},
{
'name': 'William Thomson',
'email': 'william@thomson.com'
'selected': false
}
]
Then you just have to loop through your data in your v-for element :
<div v-for="user in users" class="dropdown">
<span class="user" @click="user.selected = true">{{ user.email }} - {{ user.name }}</span>
</div>
Then in your input field, you have to loop through your users where the selected property is set to true, and only display user.name, as an example.