关于element-ui el-tree 无复选框（CheckBox）时获取当前选中id，及手动选中高亮

Element UI 的 `el-tree` 组件默认是没有内置的复选框功能的，如果你想在不使用复选框的情况下获取当前选中的节点ID，可以采用自定义节点的数据结构和事件监听的方式来实现。

1. **数据结构**：在每个节点的选项（data）里添加一个字段，比如 `selectedIds`，用于存储当前节点被选中的状态。当节点被点击时，更新该字段。

{
  label: '节点名称',
  children: [
    {
      label: '子节点1',
      selectedIds: []
    },
    //...
  ],
  selectedIds: []
}

2. **事件处理**：在 `el-tree` 上绑定 `@node-click` 事件，这个事件会在用户点击节点时触发。在事件处理器中，你可以判断当前被点击的节点是否是根节点，并据此更新其子节点或自身的 `selectedIds`。

<el-tree ref="tree" node-key="id" @node-click="handleNodeClick"></el-tree>

methods: {
  handleNodeClick(node) {
    if (node.parent) {
      node.parent.selectedIds = this.flattenTree(node).map(n => n.id);
    } else {
      this.$refs.tree.setCheckedKeys([node.id]);
    }
  },
  
  flattenTree(node) { // 辅助函数，将树形结构扁平化成包含所有子节点的数组
    return [...node.children, ...node.children.flatMap(this.flattenTree)];
  }
}

3. **手动选中高亮**：当你需要手动设置某节点为选中时，可以通过 `setCheckedKeys` 或者遍历树结构并改变节点的 `selected` 属性来实现。选中的节点会被渲染为高亮样式。

注意，在实际应用中，你需要根据项目需求定制具体的业务逻辑，并确保 `selectedIds` 的管理和同步是正确的。