vue TreeSelect 全选后拿到所有的数据

在Vue TreeSelect组件中，可以通过监听全选的事件，然后获取所有的数据。具体步骤如下：

在TreeSelect组件中，添加一个全选的复选框，并绑定一个v-model属性，用于控制全选的状态。例如：

<template>
  <div>
    <input type="checkbox" v-model="selectAll" @change="selectAllNodes" /> 全选
    <TreeSelect v-model="selectedNodes" :data="treeData" />
  </div>
</template>

在Vue的data选项中，定义treeData用于存储树形数据，selectedNodes用于存储已选中的节点，selectAll用于控制全选的状态。例如：

data() {
  return {
    treeData: [
      // 树形数据
    ],
    selectedNodes: [],
    selectAll: false
  };
}

在Vue的methods选项中，定义selectAllNodes方法，用于全选或取消全选。该方法会根据全选的状态，更新selectedNodes数组。例如：

methods: {
  selectAllNodes() {
    if (this.selectAll) {
      // 全选
      this.selectedNodes = this.flattenTree(this.treeData);
    } else {
      // 取消全选
      this.selectedNodes = [];
    }
  },
  flattenTree(tree) {
    // 将树形数据转为扁平化数组
    let result = [];
    for (let node of tree) {
      result.push(node);
      if (node.children) {
        result = result.concat(this.flattenTree(node.children));
      }
    }
    return result;
  }
}

最后，你可以在任何需要获取已选中节点的地方，访问selectedNodes数组，获取所有已选中的节点数据。

需要注意的是，以上代码仅仅是一个示例，实际情况中你可能需要根据你的数据结构和业务逻辑做相应的调整