label表示的是列表渲染的内容,value是change中绑定的值。
<el-select v-model="value" placeholder="请选择" @change="selectChange">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.id">
</el-option>
</el-select>
value: "",//选择框选中的值
options: [{
id:0,
value: '选项1',
label: '黄金糕'
}, {
id:1,
value: '选项2',
label: '双皮奶'
}, {
id:2,
value: '选项3',
label: '蚵仔煎'
}],
选中值发生改变的时候获取到当前选择的ID
selectChange(e) {
console.log(e);// 0 1 2
},