I have read through all the questions here and still can't seem to understand why I am not getting any text in my tags.

I am using a and an object for the value of the . When I close my dialog and reopen it, all my data is fetched from the backend and loaded inside the component. Just the tags in my multiple select are not showing the text. They have the right key, when I inspect them within the vue devtools, but they just show up empty.

Here is my code:

<el-select
 v-model="defaultFilter.val"
 value-key="value"
 multiple
 size="mini"
 filterable
 remote
 :placeholder="'Aktiv-/Passivfilter Wert für ' + obj.label"
 :remote-method="remoteMethod"
 :loading="configOptions.loading"
>
 <el-option-group v-for="group in configOptions.options" :key="group.label" :label="group.label">
   <el-option v-for="item in group.options" :key="item.value" :label="item.label" :value="item">
      <span style="float: left">{{ item.label }}</span>
      <span v-if="item.description" style="padding-left: 5px; color: #8492a6; font-size: 9px">{{
                              item.description
                            }}</span>
    </el-option>
  </el-option-group>
</el-select>

I have read through the documentation and just don't understand what I am doing wrong here. The item I am passing to value in my el-option looks like this:

{
 description: "ABC",
 filterProp: "abc",
 label: "A B C",
 value: "ABC"
}

In my tags inside the select, I want to show the value text. Am I missing some config or setting?

I am using "element-ui": "^2.13.2", and "vue": "2.6.10",

Help or a pointer in the right direction would be greatly appreciated.