antdesignvue 地区多级下拉选择框

Ant Design Vue 中的地区多级下拉选择框，通常指的是`<a-cascader>`组件，它是一个递归树状的选择组件，可以用于显示多级分类的数据，例如行政区域划分。这个组件允许用户从顶层开始，逐层选择到具体的选项，每一级都可以是下拉列表，直到达到最后一级。

使用`<a-cascader>`的基本步骤包括：

1. 引入组件库：首先需要在Vue项目中安装`@ant-design/icons-vue`和`ant-design-vue`库。

   npm install @ant-design/icons-vue antd

2. 在模板文件中引入并使用`<a-cascader>`：

   <template>
     <a-cascader
       :options="options"
       placeholder="请选择省份"
       :change-on-select="true"
     ></a-cascader>
   </template>

其中，`options`属性应包含一个多级结构的数据数组，每个选项包含`label`（标签文本）、`value`（值），以及`children`（子项数组）。

3. 初始化数据：

   data() {
     return {
       options: [
         { label: '中国', value: 'China', children: [] }, // 省份数据
         // ...其他地区数据填充
       ]
     };
   }