在做后台管理时,使用了vue搭配elementUI,请求方法使用了axios插件,在使用下拉框时,因为我需要获取选中的选项中的其他值,因此需要传入对象。对select下拉框的文档没有读的很仔细,百度过几篇文章,也没有理解他们表达的意思,然后自己又去看文档,把他的属性看了几遍,忽然就来了灵感,尝试了一两次,哇,原来是这样做,爽歪歪,真的是书读百遍其义自见
1.elementui中的select下拉框为对象
- 当select下拉框中的value传入的是对象时,在你没写对属性时,下拉框选中的值就会错乱
<template>
<el-select v-model="seletedOption" value-key="name" style="width: 72%" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.express"
:value="item"
:label="item.name"
></el-option>
</el-select>
</template>
<script>
export default{
data() {
return {
selectedOption: '',
options: [