这样子，节点树页面不会刷新数据，页面没有实现勾选

如果你想要在不刷新整个页面的情况下更新节点的勾选状态，你需要保持对数据的局部管理，并在Vue组件内部处理勾选更改。在Element UI的`el-tree`上添加`@check-change`事件监听器，然后在方法里直接更新对应的数据状态。

首先，在你的`data`里存储一个对象数组，每个对象代表一个节点，包含`id`, `label`, `isCheckboxChecked`等字段。例如：

data() {
  return {
    nodes: [
      {
        id: 1,
        label: '父节点1',
        isCheckboxChecked: false,
        children: [
          {
            id: 2,
            label: '子节点1',
            isCheckboxChecked: false,
          },
          {
            id: 3,
            label: '子节点2',
            isCheckboxChecked: false,
          }
        ]
      }
      // 更多节点...
    ],
    selectedNodeIds: []
  };
}

然后在模板部分，将`isCheckboxChecked`绑定到自定义的checkbox元素上：

<el-tree :data="nodes" node-key="id" ref="treeRef">
  <template #default="{ node }">
    <span>{{ node.label }}</span>
    <el-checkbox v-model="node.isCheckboxChecked" :disabled="node.disabled"></el-checkbox>
  </template>
</el-tree>

接下来编写`handleCheckChange`方法，它会接收`node`对象和新的`checked`值：

methods: {
  handleCheckChange(node, checked) {
    const nodeIndex = this.nodes.findIndex(n => n.id === node.id);
    if (checked) {
      this.selectedNodeIds.push(node.id);
    } else {
      this.selectedNodeIds.splice(this.selectedNodeIds.indexOf(node.id), 1);
    }
    // 更新节点的isCheckboxChecked状态
    this.nodes[nodeIndex].isCheckboxChecked = checked;
  }
},

最后，为了实现全选效果，你可以再添加一个方法，比如`selectAllChildren`，用于递归地设置子节点的`isCheckboxChecked`：

methods: {
  selectAllChildren(node) {
    if (node.children && node.children.length > 0) {
      node.children.forEach(child => {
        child.isCheckboxChecked = this.selectedNodeIds.includes(child.id);
        this.selectAllChildren(child);
      });
    }
  },
  // ...其他方法
}

在适当的时候调用`selectAllChildren`，例如当用户点击顶部的全选按钮时。