ant-design-vue@1.7.8版本下拉多选级联

Ant Design Vue 的下拉多选级联组件在 v1.7.8 版本中被称为 `cascader`。它是一个树状的选择组件，用户可以选择一个或多个节点，节点可以有层级结构。这个组件支持数据驱动，可以根据给定的数据源动态渲染选项，并允许设置选择的策略（如必填项、只选顶级等）。在使用时，你需要导入组件并配置相应的属性，例如：

<template>
  <a-cascader
    :options="options"
    :value="selectedOptions"
    placeholder="请选择分类"
    @change="onChange"
  ></a-cascader>
</template>

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

export default {
  components: {
    Cascader,
  },
  data() {
    return {
      options: [], // 数据源数组，每个节点包含 label 和 children 属性
      selectedOptions: [], // 当前选中的节点值
    };
  },
  methods: {
    onChange(value) {
      this.selectedOptions = value; // 更新当前选择
    },
  },
};
</script>