value-key="kid"设置,选中当前高亮
![](https://img-blog.csdnimg.cn/img_convert/33691cf6bef9a464249c8afaa73b48d0.png)
change方法中绑定$event传参,可以选中这个对象,并在selSiteLocation方法中取到,注意其中的
:value-key="'kid'" :key="item.kid" 关键配置
<el-select
class="site-select"
value-key="kid"
v-model="formData.siteLocation"
placeholder="请选择场地"
@change="selSiteLocation($event)">
<el-option
v-for="item in siteLists"
:value-key="'kid'"
:key="item.kid"
:label="item.siteName"
:value="item">
<span style="float: left">{{ item.siteName }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.pactName }}</span>
</el-option>
</el-select>
![](https://img-blog.csdnimg.cn/img_convert/e46d7cbd461866015bea10a47266eb5b.png)