具有多个对象值的 Element-UI el-select 不显示标签

Question

我正在使用 Element-UI 中的 el-select 进行多重、可过滤和远程搜索。我有一个对象数组作为元素的 v-model，其中已经存在一些值。加载页面时，标签中没有任何文本，也不会显示在选择框中。我添加了 value-key，它确实在下拉列表中显示了当前元素。不知道出了什么问题，代码链接： jsfiddle

<el-select 
         v-model="value9"
         multiple 
         value-key="state"
         filterable="" 
         remote="" 
         reserve-keyword 
         placeholder="Please enter a keyword" 
         :remote-method="remoteMethod" 
         :loading="loading">
<el-option 
  v-for="item in options4" 
  :key="item.state" 
  :label="`${item.state} (${item.state})`" 
  :value="item">
</el-option>

Answer 1

那是因为 options4 是空数组。您必须指定数组内容，包括要在 el-select 组件中显示的选项。如果您改用 state，它应该可以工作。

<el-option 
  v-for="item in state" 
  :key="item.state" 
  :label="`${item.state} (${item.state})`" 
  :value="item">
</el-option>