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

Question

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

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

Answer 1

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

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

Answer 2

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

浏览

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

和https://vuejs.org/v2/guide/list.html（Vuejs文档）

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