标签中的几个项目用于Vue js中的select表单

时间:2018-08-16 21:48:44

标签: javascript html forms vue.js vuejs2

我在Vue.js中有一个select表单。在选项中,它显示具有名称和电话等字段的用户列表。 现在,在这种情况下,我只能在标签telephone中显示一个字段。如何显示几个字段?例如,nametelephone

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

2 个答案:

答案 0 :(得分:1)

只需像这样遍历<option>标签:

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

答案 1 :(得分:0)

您可以使用带有 option 标签的v-for循环在列表中进行渲染。

浏览

https://alligator.io/vuejs/iterating-v-for/

https://vuejs.org/v2/guide/list.html(Vuejs文档)

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