vue2下antd组件a-tree-select树形选择器多传一个字段

在Vue 2中，Ant Design (antd) 的 `a-tree-select` 树形选择器通常用于展示层级结构的数据，并允许用户通过点击节点进行选择。如果你想在选中节点时传递额外的一个字段，可以利用 `value` 和 `treeNode` 这两个属性。

`value` 属性是用来存储用户所选节点的值，它默认就是节点的数据本身。如果你需要添加自定义字段，可以在 `value` 对象上添加额外的键值对，例如：

<template>
  <a-tree-select
    :options="options"
    v-model="selectedValue"
    @change="handleChange"
  ></a-tree-select>
</template>

<script>
export default {
  data() {
    return {
      options: [], // 假设这是你的数据源
      selectedValue: {}, // 初始化一个空的对象作为默认值
    };
  },
  
  methods: {
    handleChange(value) {
      if (value && value.node) { // 检查是否选择了节点
        this.selectedValue = {
          ...value, // 将选中的节点复制到新对象中
          customField: 'yourCustomFieldValue', // 添加自定义字段
        };
      }
    },
  },
};
</script>

在这个例子中，每次 `a-tree-select` 的值改变时，`handleChange` 方法会被触发，将选中的节点（包括附加的 `customField`）更新到 `selectedValue` 中。