如何在Vue Element UI的树状懒加载组件中实现全选功能？

在Vue Element UI中实现树状懒加载组件的全选功能，通常需要结合Vuex管理状态以及Element UI提供的API。以下是一个基本步骤：

1. 安装依赖：首先确保已安装`element-ui`, `vue-resource` 或 `axios` (用于异步加载) 和 `vuex`。

2. 创建状态管理：在Vuex store中创建一个表示树节点是否被选中的状态数组，例如：

state: {
  selectedNodes: []
},
mutations: {
  setSelectedNodes(state, nodes) {
    state.selectedNodes = nodes;
  }
}

3. 在组件中通过props从store获取selectedNodes，并监听变化：

<el-tree :data="treeData" :node-key="idKey" ref="treeRef"
  @check-change="handleCheckChange">
</el-tree>

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['selectedNodes'])
  },
  methods: {
    handleCheckChange(node) {
      this.$store.commit('setSelectedNodes', [...this.selectedNodes, node]);
    }
  }
}

4. 在`el-tree`的配置中添加`default-checked-keys`属性来设置初始全选状态，或者在`@check`事件中处理全选操作。

5. 如果需要支持取消全选，可以在`handleCheckChange`方法中添加判断条件，如果所有节点都被选中则清除全部勾选。

6. 全选/反选功能可以添加一个按钮，点击时遍历所有子节点并相应地调整选中状态：

methods: {
  toggleAllSelection() {
    const treeNodes = this.$refs.treeRef.getCheckedNodes(true); // 获取所有选中的节点
    if (!treeNodes.length) { // 没有选中节点时全选
      this.$store.commit('setSelectedNodes', this.treeData);
    } else { // 已有选中节点时反选
      this.$store.commit('setSelectedNodes', []);
    }
  }
}