el-dropdown-menu点击菜单选项获取当前的值

在Element UI库中的`el-dropdown-menu`组件中，当你点击菜单项（一般是一个`<el-option>`元素），你可以通过监听`@select`事件来获取当前选中的值。这个事件会在用户选择新的选项时触发，并提供所选值作为参数。

以下是一个简单的示例：

<template>
  <el-dropdown v-model="selectedValue">
    <el-button slot="trigger">点击展开</el-button>
    <el-dropdown-menu>
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
        @select="handleSelect">
      </el-option>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'Option1', label: 'Option 1' },
        { value: 'Option2', label: 'Option 2' },
        // 更多选项...
      ]
    };
  },
  methods: {
    handleSelect(value) {
      console.log('选中的值：', value);
      // 这里可以将value做进一步处理或存储
    }
  }
};
</script>

在这个例子中，当用户点击任一选项时，`handleSelect`方法会被调用，`value`参数就是他们选择的选项的值。你可以根据需要更新`selectedValue`变量或其他业务逻辑。