el-select获取选中项的所有信息

以前都是拿到当前选中项的 id 然后遍历数组 比对id 拿到当前选项的所有数据 原来 elementUI 中已经设置了可以获取 el-select 选中项所有信息的属性 el-select 上设置属性 value-key 一定要设置，不然会报错 1、单选时不设置 value-key 属性，选项会全部选中

 

2、多选时不设置 value-key，报错

el-option 上绑定的 key 值为它本身的数据 item

<el-select v-model="form.address" value-key="id" @change="handleChange($event)">
  <el-option v-for="item in addressArr" :key="item.id" :label="item.address" :value="item"></el-option>
</el-select>

<script>
  data() {
    return {
      form: {
        address: {}
      },
      addressArr: [
        {
          id: 1,
          address: '北京市朝阳区十里河'
        },
        {
          id: 2,
          address: '北京市昌平区沙河'
        }
      ]
    }
  },
  methods: {
    handleChange(event) {
      console.log(event)
    }
  }
</script>