Elselect的选中的label和value值获取

要获取ElSelect组件中选中的label和value值，可以通过以下步骤实现：

1. 获取ElSelect组件的实例：在Vue组件中，可以通过refs获取组件实例。例如，如果你给ElSelect组件定义了ref="mySelect"，那么可以通过this.$refs.mySelect获取组件实例。

2. 获取选中项的索引：可以通过this.$refs.mySelect.currentLabel获取当前选中项的label值，通过this.$refs.mySelect.currentValue获取当前选中项的value值。

3. 获取选中项的内容：如果想要获取选中项的其他内容，可以通过this.$refs.mySelect.options获取所有选项的数组，然后遍历数组查找匹配的选项。

以下是一个示例代码：

<template>
  <el-select v-model="selected" ref="mySelect">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ]
    }
  },
  mounted() {
    console.log('当前选中项的label：', this.$refs.mySelect.currentLabel)
    console.log('当前选中项的value：', this.$refs.mySelect.currentValue)
  }
}
</script>

在mounted钩子函数中，可以获取到当前选中项的label和value值。如果需要在选中项发生变化时获取新值，可以在ElSelect组件上监听change事件。例如：

<template>
  <el-select v-model="selected" ref="mySelect" @change="handleChange">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ]
    }
  },
  methods: {
    handleChange() {
      console.log('当前选中项的label：', this.$refs.mySelect.currentLabel)
      console.log('当前选中项的value：', this.$refs.mySelect.currentValue)
    }
  }
}
</script>

在handleChange方法中，可以获取到当前选中项的label和value值，并且它们会在选中项发生变化时被更新。