a-tree-select选中父节点取消子节点

`a-tree-select`是一个基于Ant Design Vue的树形选择组件，它通常用于展示层级结构的数据并允许用户进行选择。当你想让用户既能选中父节点也能取消子节点时，可以利用它的API以及事件处理机制。

在`a-tree-select`中，当你点击父节点时，默认会选择所有子节点；如果你想实现单击父节点只选中该节点而不影响其子节点的状态，你需要在组件的选项配置中设置`checkStrictly`属性为`true`。这会限制只能独立地勾选或取消选中的节点，不会自动影响其子节点。

如果你想要提供额外的控制，比如用户可以手动取消子节点的选择，你可以监听`onCheck`事件。在这个事件处理器中，你可以根据需要更新节点的状态，例如：

<template>
  <a-tree-select ref="treeSelect" :checkStrictly="true" @onCheck="handleCheckEvent">
    <!-- ... -->
  </a-tree-select>
</template>

<script>
export default {
  methods: {
    handleCheckEvent(node) {
      // 当用户点击某个节点时，这里可以检查是否需要取消子节点
      if (node.isParent && node.checked) {
        this.$refs.treeSelect.setCheckedKeys([...node.indeterminateKeys, node.key], false); // 取消子节点
      }
    },
  },
};
</script>