1:项目中需要将options数组中的value和label两个值传到后台
//数据
options: [{
value: '1',
label: '种植分布'
}, {
value: '2',
label: '物联网示范点'
}],
此时在el-select上用value-key 配合 @change=" "方法来拿到
//el-select下拉框
<el-select v-model="dataForm.typeName" placeholder="请选择" value-key="label" @change="current">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item">
</el-option>
</el-select>
// current 事件
current(e) {
console.log(e.value;)
console.log( e.label;)
//打印 value 和label的值,将value 和label 赋值到后台接收数据的字段上
this.dataForm.typeId = e.value;
this.dataForm.typeName = e.label;
},