elementUI el-tree 获取所有未被勾选的节点

<template>
  <div>
    <el-tree
      :data="treeData"
      show-checkbox
      node-key="id"
      ref="tree"
      :props="defaultProps">
    </el-tree>
    <el-button @click="getUncheckedNodes">获取未勾选节点</el-button>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      treeData: [
        // 这里是树形结构的数据
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  },
  methods: {
    getUncheckedNodes() {
      const checkedNodes = this.$refs.tree.getCheckedNodes(); // 获取已勾选的节点
      const allNodes = this.treeData; // 所有节点
      const uncheckedNodes = allNodes.filter(node => {
        return !checkedNodes.some(checkedNode => checkedNode.id === node.id);
      });
      console.log(uncheckedNodes); // 打印未勾选的节点
    }
  }
};
</script>