el-select change 获取不到当前选中值？

可能是因为你没有正确绑定 `v-model` 或者没有监听 `change` 事件。下面是一个简单的例子，演示如何正确获取当前选中值：

<template>
  <el-select v-model="selectedValue" @change="handleChange">
    <el-option label="Option 1" value="option1"></el-option>
    <el-option label="Option 2" value="option2"></el-option>
    <el-option label="Option 3" value="option3"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: ''
    }
  },
  methods: {
    handleChange() {
      console.log(this.selectedValue) // 输出当前选中的值
    }
  }
}
</script>

在上面的例子中，`v-model` 绑定了 `selectedValue` 变量，当选中项发生变化时，`selectedValue` 的值也会跟着变化。同时，我们监听了 `change` 事件，并在该事件处理函数中输出了当前选中的值。

相关问题

el-select 按住鼠标左键选中select的值

`el-select` 是 Element UI 中的一个下拉选择组件，它允许用户从预设选项列表中选择一项。如果你想让用户按住鼠标左键来选择值，通常这种交互不是 `el-select` 的默认行为，因为它的选择通常是点击选项或者通过键盘操作。然而，如果你想要自定义这个功能，可以尝试通过 JavaScript 或者 Vue.js 的 `@input` 或 `@change` 事件监听器来实现。

当你在 `el-select` 上绑定了这些事件，并检测到用户按下并释放鼠标左键时，你可以手动触发 `el-select` 的 `value` 更新，例如：

<template>
  <el-select v-model="selectedValue" @input="handleSelectChange">
    <!-- 你的选项 -->
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
    };
  },
  methods: {
    handleSelectChange(value) {
      // 当用户按住并松开鼠标左键时，检查是否满足条件（如时间延迟）
      if (isMousePressed()) { // 假设 isMousePressed() 是检查鼠标状态的方法
        this.selectedValue = value; // 设置当前选中的值
      }
    },
  },
};
</script>

在这种情况下，你需要结合其他库（如 lodash 或者 native-event 等）来检测鼠标按下和释放的事件，但这已经超出了原生 `el-select` 的功能范围。

el-select下拉选择变化的时候触发change事件获取到选择的值进行发送请求

当`el-select`下拉选择发生变化时，你可以通过监听`change`事件来获取用户选择的值，并在事件处理程序中发送请求。以下是一个示例：

<template>
  <div>
    <el-select v-model="selectedOption" @change="handleSelectChange" placeholder="请选择">
      <el-option :value="0" label="不禁用"></el-option>
      <el-option :value="1" label="禁用"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: 0
    };
  },
  methods: {
    handleSelectChange(value) {
      // 在这里发送请求，使用选择的值进行相应操作
      console.log('选中的值:', value);
      
      // 例如，发送axios请求
      // axios.post('/api/your-endpoint', { option: value })
      //   .then(response => {
      //     // 处理响应
      //   })
      //   .catch(error => {
      //     // 处理错误
      //   });
    }
  }
};
</script>

在上面的示例中，我们添加了一个`@change`事件监听器来捕获`el-select`选择变化的事件。

在事件处理程序`handleSelectChange`中，我们接收到用户选择的值作为参数`value`。你可以在这个处理程序中执行请求发送的操作，例如使用Axios库发送POST请求。

注意：示例中的请求发送部分是注释掉的代码，你需要根据实际情况来修改和添加相应的请求代码。