写一个 ant-design-vue 下拉框

在Ant Design Vue库中，你可以使用`<a-select>`组件创建一个下拉框。以下是一个基本的例子：

<template>
  <div>
    <a-select v-model="selectedValue">
      <!-- 遍历options并生成下拉项 -->
      <a-select-option v-for="(item, index) in options" :key="index" :value="item.value">
        {{ item.label }}
      </a-select-option>
    </a-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '', // 初始选中的值
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' }
      ]
    };
  }
};
</script>

在这个例子中，`v-model`双向绑定当前选中的值，`options`数组包含了下拉框的所有选项。`<a-select-option>`标签负责渲染每一个选项，`:value`用于指定选项的值，`{{ item.label }}`则是选项的显示文本。