el-tree 获取当前勾选节点的选中状态以及选中值对象 触发check-change多次事件问题原因

在Element UI的el-tree组件中，可以通过check-change事件来获取当前勾选节点的状态以及勾选的值。此外，如果el-tree触发了多次check-change事件，可能是因为你的代码中重复触发了相关逻辑，或者是因为节点的选中状态改变了多次。

以下是一个简单的例子，展示如何获取当前勾选节点的状态以及勾选的值，并处理check-change事件：

<template>
  <el-tree
    :data="data"
    show-checkbox
    node-key="id"
    ref="tree"
    :props="defaultProps"
    @check-change="handleCheckChange"
  >
  </el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      data: [/* 你的树形数据 */],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  },
  methods: {
    handleCheckChange(data, checked, indeterminate) {
      console.log('当前节点', data);
      console.log('是否被选中', checked);
      console.log('是否是不确定状态', indeterminate);
      // 获取所有选中的节点
      const checkedNodes = this.$refs.tree.getCheckedNodes();
      console.log('所有选中的节点', checkedNodes);
    }
  }
};
</script>

在这个例子中，handleCheckChange方法会在每次节点的选中状态发生变化时被调用，并且会输出当前节点的状态、是否被选中以及是否是不确定状态（也就是部分子节点被选中的状态）。getCheckedNodes方法用于获取所有当前被选中的节点。

如果el-tree触发check-change多次，可能需要检查是否有其他代码逻辑导致状态的多次变更，或者检查是否在其他地方有对el-tree的选中状态进行了操作。