el-tree 取消某选中节点

`el-tree` 是 Element UI 中的一个组件，它用于构建树形数据结构。如果你想取消某个已选中的节点，可以利用其提供的 `selectable` 和 `@node-click` 事件。首先，确保你的 `el-tree` 组件设置了 `selectable` 属性为 `true` 或者 `single`，以便允许用户选择节点。

在 Vue 模板中，你可以这样做：

<el-tree
  :data="treeData"
  :props="treeProps"
  :default-expand-all="false"
  :selectable="selectableMode"
  @node-click="handleNodeClick"
></el-tree>

然后，在你的 Vue 实例中定义 `handleNodeClick` 函数，当点击节点时检查是否是你想取消的那个，并调用 `removeSelection` 或者相应的方法取消选择：

export default {
  data() {
    return {
      selectableMode: 'single', // 单击选择模式
      treeData: [...], // 初始化的树形数据
      selectedNodeId: '', // 存储你想取消的选择的节点 ID
    };
  },
  methods: {
    handleNodeClick(node) {
      if (node.id === this.selectedNodeId) {
        // 如果节点ID匹配，则取消选择
        this.$refs.tree.setCheckedKeys([]); // 或者使用 .clearSelection() 方法
        this.selectedNodeId = '';
      } else {
        // 选择新的节点
        this.$refs.tree.setCheckedKeys([node.id]);
        this.selectedNodeId = node.id;
      }
    },
  },
};

在这个例子中，当你再次点击之前选中的节点时，会将其从选中列表中移除。