在Vue项目开发中，经常会用到el-select组件来实现下拉选择功能，而获取其选中的值是一个常见的需求。下面就来详细介绍在Vue中获取el-select选中值的方法。

需要在模板中定义el-select组件。示例代码如下：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

在这段代码中，v-model指令绑定了一个名为selectedValue的数据变量，这个变量将用于存储用户选中的值。options是一个包含所有选项的数组，每个选项都有label和value属性，label用于显示在下拉菜单中，value则是实际选中后返回的值。

接着，在Vue组件的script部分定义数据和方法：

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: '选项一' },
        { value: 'option2', label: '选项二' },
        { value: 'option3', label: '选项三' }
      ]
    }
  },
  methods: {
    handleSelectChange() {
      console.log(this.selectedValue);
    }
  }
}
</script>

这里在data函数中初始化了selectedValue和options。在methods中定义了一个handleSelectChange方法，通过console.log(this.selectedValue)可以将选中的值打印到控制台。

还可以通过给el-select绑定@change事件来获取选中值的变化。修改模板如下：

<template>
  <el-select v-model="selectedValue" @change="handleSelectChange" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

这样，当用户选择一个选项时，handleSelectChange方法就会被触发，从而可以在方法中对选中的值进行进一步的处理，比如发送网络请求、更新页面状态等。

在Vue中获取el-select选中的值并不复杂，通过v-model指令绑定数据变量，结合@change事件，能够轻松实现对选中值的获取和处理，为项目开发带来便利。