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号