vue js中选择表单的标签中的几个项目答案

【问题标题】：Several items in label for select form in vue jsvue js中选择表单的标签中的几个项目
【发布时间】：2019-01-23 22:17:30
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

通过

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

【讨论】：

【解决方案2】：

像这样遍历<option>标签：

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

【讨论】：