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

Question

我正在使用 Element-UI 中的 el-select 进行多重、可过滤和远程搜索。我有一个对象数组作为元素的 v-model，其中已经存在一些值。加载页面时，标签中没有任何文本，也不会显示在 select 框中。我添加了值键，它确实显示了下拉列表中选中的当前元素。不确定出了什么问题，代码 link： 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 组件中显示的选项。如果您改为使用状态，它应该可以工作。

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

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

Element-UI el-select with multiple object values does not display tag

vue.js

vuejs2

element-ui