vant dropdownmenu 自定义下拉菜单

vant dropdownmenu 组件可以很方便地实现下拉菜单的功能，下面是一个简单的自定义下拉菜单的例子：

<template>
  <van-dropdown-menu @select="onSelect">
    <van-dropdown-item v-for="(item, index) in items" :key="index" :value="item.value">{{ item.label }}</van-dropdown-item>
  </van-dropdown-menu>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { label: '选项一', value: '1' },
        { label: '选项二', value: '2' },
        { label: '选项三', value: '3' },
      ],
    };
  },
  methods: {
    onSelect(value) {
      console.log(`选中了 ${value}`);
    },
  },
};
</script>

在这个例子中，我们使用了 vant 的 dropdownmenu 组件，并在其中使用了 dropdownitem 组件来展示下拉菜单的选项。在 data 中定义了菜单的选项，然后在 dropdownitem 中使用 v-for 循环来展示每个选项。当用户选择某个选项时，会触发 select 事件并调用 onSelect 方法，我们可以在这个方法中获取用户选择的值并进行相应的操作。