写一个vben admin 级联选择器示例

以下是一个基于 Vben Admin 的级联选择器示例：

<template>
  <div>
    <a-cascader
      v-model="selectedValue"
      :options="options"
      :props="props"
      @change="handleChange"
      clearable
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: [],
      options: [
        {
          value: "province1",
          label: "省份1",
          children: [
            {
              value: "city1",
              label: "城市1",
              children: [
                {
                  value: "area1",
                  label: "区域1",
                },
                {
                  value: "area2",
                  label: "区域2",
                },
              ],
            },
            {
              value: "city2",
              label: "城市2",
              children: [
                {
                  value: "area3",
                  label: "区域3",
                },
                {
                  value: "area4",
                  label: "区域4",
                },
              ],
            },
          ],
        },
        {
          value: "province2",
          label: "省份2",
          children: [
            {
              value: "city3",
              label: "城市3",
              children: [
                {
                  value: "area5",
                  label: "区域5",
                },
                {
                  value: "area6",
                  label: "区域6",
                },
              ],
            },
            {
              value: "city4",
              label: "城市4",
              children: [
                {
                  value: "area7",
                  label: "区域7",
                },
                {
                  value: "area8",
                  label: "区域8",
                },
              ],
            },
          ],
        },
      ],
      props: {
        value: "value",
        label: "label",
        children: "children",
      },
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    },
  },
};
</script>

该示例中，使用了 Ant Design Vue 的级联选择器组件，通过 `options` 属性设置了级联数据源，`props` 属性设置了数据源的字段，`selectedValue` 属性绑定了当前选中的值，`handleChange` 方法处理值变化事件。在 Vben Admin 中使用级联选择器与普通 Vue 项目中使用方式相同。