element ui - el-select获取点击项的整个对象item

在Element UI的el-select组件中，你可以通过change事件来获取每次选择项的整个对象。这里是一个简单的例子：

<template>
  <el-select v-model="selectedValue" placeholder="请选择" @change="handleChange">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item">
    </el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      selectedValue: null, // 选中的值，通常是对象的ID或其他标识
      options: [
        { value: '1', label: '选项1' },
        { value: '2', label: '选项2' },
        // ...更多选项
      ]
    };
  },
  methods: {
    handleChange(item) {
      console.log('选中的项的整个对象:', item);
    }
  }
};
</script>

在这个例子中，v-model绑定了selectedValue，它通常是选中项的一个标识符，如ID。el-option的:value绑定了整个item对象。当用户选择一个选项时，el-select的change事件触发handleChange方法，并将选中的整个对象作为参数传递进来。