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

 

posted @ 2022-07-13 15:34  韩小陌  阅读(12123)  评论(0编辑  收藏  举报