VUE页面中下拉框(el-select)的change事件选中获取整个对象数据
在页面中
<el-select v-model="Form.id" placeholder="请选择" style="width: 40%" @change="seletChange" > <el-option v-for="item in Options" :key="item.id" :label="item.name" :value="item.id" /> </el-select>
声明options数据list
Options:[ {id: 1, name: 'zhangsan'}, {id: 2, name: 'lisi'} ]
在change事件中进行list重新遍历
seletChange(val) { //选中的数据和options进行匹配 var obj={} obj= this.Options.find(function(i){ return i.id ===val });
//在change中获取到整条对象数据 console.log(obj); },