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;
? ? ?},