antdesginVue Cascader 级联选择 change事件取末尾节点的值

在Ant Design Vue中，Cascader组件的change事件会在选择发生变化时触发。如果你想取得最后一个节点的值，你可以通过事件对象的参数获取到完整的值数组，并取数组的最后一个元素。

以下是一个简单的例子：

<template>
  <a-cascader
    :options="options"
    @change="onCascaderChange"
  />
</template>
 
<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhejiang',
          label: 'Zhejiang',
          children: [
            {
              value: 'hangzhou',
              label: 'Hangzhou',
              children: [
                {
                  value: 'xihu',
                  label: 'West Lake',
                },
              ],
            },
          ],
        },
        // ... 其他选项
      ],
    };
  },
  methods: {
    onCascaderChange(value, selectedOptions) {
      if (value && value.length > 0) {
        const lastValue = value[value.length - 1];
        console.log('最后一个节点的值:', lastValue);
      }
    },
  },
};
</script>

在这个例子中，onCascaderChange方法会在Cascader的值变化时被调用。通过value参数，你可以获取到当前选中的所有值，然后通过value[value.length - 1]来获取最后一个节点的值。