VUE页面中下拉框（el-select）的change事件选中获取整个对象数据

在页面中

?

1 2 3 4 5 6 7 8 9 10 11 12 13

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