ant-design-vue dataPicker的下拉弹窗如何实现

ant-design-vue 的 DatePicker 组件可以通过设置其 `picker` 属性为 `'month'` 或 `'year'` 来实现下拉弹窗。

具体实现方法如下：

1. 在项目中安装 ant-design-vue 组件库：

npm install ant-design-vue

2. 在组件中引入 DatePicker 组件并设置 `picker` 属性：

<template>
  <DatePicker :picker="pickerType" />
</template>

<script>
import { DatePicker } from 'ant-design-vue';

export default {
  components: {
    DatePicker,
  },
  data() {
    return {
      pickerType: 'month', // 设置 picker 为 month
    };
  },
};
</script>

设置 `picker` 为 `'month'` 后，DatePicker 组件会显示为月份选择器，点击输入框会弹出下拉弹窗，用户可以选择月份。设置 `picker` 为 `'year'` 后，DatePicker 组件会显示为年份选择器，点击输入框会弹出下拉弹窗，用户可以选择年份。

注意：如果想要使用日期选择器，可以将 `picker` 属性设置为 `'date'`。

最终效果如下图所示：


希望这能帮到你！