eelmentui dropdown下拉菜单绑定传递的数据

要绑定传递的数据，你可以使用 ElementUI 的 `el-dropdown-menu` 组件，并在 `el-dropdown-item` 组件上使用 `@click` 事件监听器来实现。

例如，你可以将一个对象数组作为数据传递给下拉菜单，并在单击菜单项时将对象传递回父组件：

<template>
  <el-dropdown>
    <span class="el-dropdown-link">
      下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
    </span>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item v-for="(item, index) in items" :key="index" @click="handleItemClick(item)">
        {{ item.label }}
      </el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { label: '选项一', value: { id: 1, name: '选项一' } },
        { label: '选项二', value: { id: 2, name: '选项二' } },
        { label: '选项三', value: { id: 3, name: '选项三' } },
      ],
    };
  },
  methods: {
    handleItemClick(item) {
      // 在这里处理单击菜单项时的逻辑
      // item 就是当前选中的菜单项对应的对象
      console.log(item.value);
    },
  },
};
</script>

在上面的示例中，我们使用 `v-for` 循环遍历 `items` 数组，并将每个对象的 `label` 属性作为菜单项的文本显示。当用户单击某个菜单项时，我们将相应的对象传递给 `handleItemClick` 方法，然后在该方法中可以访问该对象的 `value` 属性，以便进行后续处理。