VueJS：Elements-UI el-select：如何获取selectedLabel值？

Question

我有一个按状态下拉列表的过滤器，

<el-form-item label="State" prop="state"> 
<el-select v-model="listQuery.state" filterable placeholder="Select State" @change="getCityList" > 
<el-option v-for="item in stateList" :key="item.name" :label="item.name" :value="item.code" ></el-option> 
</el-select> 
</el-form-item>
<el-tag
    :key="tag"
    v-for="tag in tags"
    closable
    :disable-transitions="true"
    @close="handleClose(tag)"
  >{{tag}}</el-tag>

在选择时，我正在使用可关闭的el-tag将状态代码发送到api和Im，以显示状态名称，以便用户可以删除过滤器。我也正在获取代码，但是我想显示状态名称。无论如何，有没有要获取所选选项的键或标签？ 请帮助我。

这是屏幕截图，

谢谢。

Answer 1

select中的值绑定可以是javascript对象“ item”，而不必是“ item.code”。要求（将值绑定到js对象）是必须绑定：key，并且绑定到key的值必须唯一。