代码之家 › 专栏 › 技术社区 › Neelotpal

具有多个对象值的元素ui el select不显示标记

element-ui vuejs2 vue.js

0

Neelotpal · 技术社区 · 6 年前

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

1 回复 | 直到 6 年前

1

Yozz 6 年前

这是因为选项4是空数组。必须指定数组内容,包括要在el select组件中显示的选项。如果您使用状态来代替,它应该可以工作。

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