Vue JS：Element-UI el-select：如何获取选定的标签值？答案

【问题标题】：VueJS: Elements-UI el-select: How to get selectedLabel value?Vue JS：Element-UI el-select：如何获取选定的标签值？
【发布时间】：2019-11-12 22:42:31
【问题描述】：

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

<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>

在选择时，我将状态代码发送到 api，并且我使用可关闭的 el-tag 显示状态名称，以便用户可以删除过滤器。我也得到了代码，但我想显示州名。反正有没有得到所选选项的键或标签？请帮我解决这个问题。

这是截图，

提前致谢。

【问题讨论】：

可关闭的 el-tag 的代码在哪里？
@SBylemans 我已经更新了我的代码，请看一下..
我对vue不是很熟悉，但是当你选择一个值时，它会被添加到tags对象中？
我知道如何使用 javascript 和 Vuejs，但我使用的是 Element-ui，所以我想使用该选择组件来获取选定的值。如果您熟悉 Elements，您可以轻松理解它。
您是否在某处填充tags 对象？

标签： javascript html vue.js element element-ui

【解决方案1】：

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

【讨论】：