el-select的 value-key 使用

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;

? ? ?},

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容