vue中使用element-ui的el-select组件传递多个值（简单方法）

<el-select v-model="selectedoptions" value-key="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item">
    </el-option>

<div slot>{{item.label+"("+item.value+")"}}</div>

<!--设置显示为     黄金糕(选项1)   -->

</el-select>
 或

<el-select v-model="selectedoptions" value-key="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="{value:item.value, label:item.label}">
    </el-option>

<div slot>{{item.label+"("+item.value+")"}}</div>

<!--设置显示为     黄金糕(选项1)   -->

</el-select>

<script>
export default {

data() {

return

{

options: [

{ value: '选项1', label: '黄金糕' },

{ value: '选项2', label: '双皮奶' },

{ value: '选项3', label: '蚵仔煎' },

{ value: '选项4', label: '龙须面' },

{ value: '选项5', label: '北京烤鸭' }

],

value: ''

}

}

}
</script>