ant-design-vue 三级联动怎么实现

您可以使用 Cascader 组件来实现 ant-design-vue 的三级联动。Cascader 组件是一个级联选择器，可以方便地实现多级联动选择。您可以在 Cascader 组件中设置 options 属性来定义选项列表，然后在 onChange 事件中获取选中的值。以下是一个示例代码：

<template>
  <a-cascader :options="options" v-model="selectedValues" @change="handleChange"></a-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'beijing',
          label: '北京',
          children: [
            {
              value: 'dongcheng',
              label: '东城',
              children: [
                {
                  value: 'tiananmen',
                  label: '天安门'
                },
                {
                  value: 'wangfujing',
                  label: '王府井'
                }
              ]
            },
            {
              value: 'xicheng',
              label: '西城',
              children: [
                {
                  value: 'xidan',
                  label: '西单'
                },
                {
                  value: 'fuchengmen',
                  label: '阜成门'
                }
              ]
            }
          ]
        },
        {
          value: 'shanghai',
          label: '上海',
          children: [
            {
              value: 'pudong',
              label: '浦东',
              children: [
                {
                  value: 'lujiazui',
                  label: '陆家嘴'
                },
                {
                  value: 'zhangjiang',
                  label: '张江'
                }
              ]
            },
            {
              value: 'puxi',
              label: '浦西',
              children: [
                {
                  value: 'nanjinglu',
                  label: '南京路'
                },
                {
                  value: 'thebund',
                  label: '外滩'
                }
              ]
            }
          ]
        }
      ],
      selectedValues: []
    }
  },
  methods: {
    handleChange(value) {
      console.log(value)
    }
  }
}
</script>

在这个示例中，我们定义了一个 options 数组，其中包含了北京和上海两个城市，每个城市下面又包含了两个区域，每个区域下面又包含了两个街道。当用户选择某个选项时，会触发 onChange 事件，我们可以在事件处理函数中获取到用户选择的值。