假设您有一些类似的数据:
users: [
{
'name': 'Thomas Edison',
'email' 'thomas@edison.com',
'selected': false
},
{
'name': 'William Thomson',
'email': 'william@thomson.com'
'selected': false
}
]
然后,您只需要遍历v-for
元素中的数据即可:
<div v-for="user in users" class="dropdown">
<span class="user" @click="user.selected = true">{{ user.email }} - {{ user.name }}</span>
</div>
然后,在输入字段中,您必须遍历用户,其中所选属性设置为true,并且仅显示user.name作为示例。