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;

     },

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容