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

浙公网安备 33010602011771号