Vue.js 具有多个对象值的元素UI el select不显示标记

Vue.js 具有多个对象值的元素UI el select不显示标记,vue.js,vuejs2,element-ui,Vue.js,Vuejs2,Element Ui,我正在使用el-select-from-Element-UI进行多重、可过滤和远程搜索。 我有一个对象数组作为元素的v模型,它已经存在一些值。加载页面时,标记中没有任何文本,也不会显示在选择框中。我有一个增值键,它显示了下拉列表中选中的当前元素。 不确定出了什么问题,代码链接: 这是因为options4是空数组。 必须指定阵列内容,包括要在el select组件中显示的选项。 如果改用state,它应该可以工作 <el-option v-for="item in state"

我正在使用el-select-from-Element-UI进行多重、可过滤和远程搜索。 我有一个对象数组作为元素的v模型,它已经存在一些值。加载页面时,标记中没有任何文本,也不会显示在选择框中。我有一个增值键,它显示了下拉列表中选中的当前元素。 不确定出了什么问题,代码链接:



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

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

据我所知,绑定到el select v-model的数组中的对象必须存在于绑定到el的数组选项中。通过“值键”进行检查
<el-option 
  v-for="item in state" 
  :key="item.state" 
  :label="`${item.state} (${item.state})`" 
  :value="item">
</el-option>