Javascript vue js中select表单标签中的几个项目
我在Vue.js中有一个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
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的概念