Javascript vue js中select表单标签中的几个项目

Javascript vue js中select表单标签中的几个项目,javascript,html,forms,vue.js,vuejs2,Javascript,Html,Forms,Vue.js,Vuejs2,我在Vue.js中有一个select表单。在选项中,它显示具有名称和电话等字段的用户列表。 现在,在本例中,我只能在label-telephone中显示一个字段。如何显示多个字段?例如,名称和电话 <selector placeholder="Выбрать" :options="usersList" track-by="id" label="telephone" v-model="user" :allow-empty="false" > </selecto

我在Vue.js中有一个
select
表单。在选项中,它显示具有名称和电话等字段的用户列表。 现在,在本例中,我只能在label-
telephone
中显示一个字段。如何显示多个字段?例如,
名称
电话

<selector placeholder="Выбрать"
  :options="usersList"
  track-by="id"
  label="telephone"
  v-model="user"
  :allow-empty="false"
>
</selector>

只需重复使用
标记,如下所示:

<select v-model=...>
  <option v-for="item in items" :value="item.id">
    {{ item.telephone }} and {{ item.other_fields }}
  </option>
</select>

{{item.telephone}}和{{item.other_fields}

您可以使用带有选项的v-for循环来渲染列表

通过

和(Vuejs文档)

它将帮助您更好地理解v-for的概念