여러 개체 값을 가진 Element-UI el-select에 태그가 표시되지 않음

여러 개체 값을 가진 Element-UI el-select에 태그가 표시되지 않음

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>

그 이유는 옵션4가 빈 배열이기 때문입니다.el-select 구성 요소에 표시할 옵션을 포함하여 배열 내용을 지정해야 합니다.대신 state를 사용하면 동작합니다.

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

언급URL : https://stackoverflow.com/questions/54636672/element-ui-el-select-with-multiple-object-values-does-not-display-tag