el-tree选中复选框高亮当前节点

当用户选中 el-tree 组件中的节点复选框时，可以通过设置 el-tree 的 node-key 和 :default-checked-keys 属性来默认选中节点，并高亮显示当前节点。

首先，需要设置 el-tree 的 show-checkbox 属性为 true，以显示节点的复选框。

接着，在 el-tree 中设置 :default-checked-keys 属性，将需要默认选中的节点的 node-key 值传递给该属性。例如：

<el-tree
  :data="treeData"
  :node-key="node => node.id"
  :default-checked-keys="checkedKeys"
  show-checkbox
  @check="handleCheck">
</el-tree>

在上述代码中，checkedKeys 是一个数组，包含需要默认选中的节点的 node-key 值。同时，需要在 el-tree 的 @check 事件中处理选中节点的逻辑，例如：

methods: {
  handleCheck(checkedNode, checkedNodes) {
    // 遍历选中的节点，并高亮显示当前节点
    checkedNodes.forEach(node => {
      if (node.id === checkedNode.id) {
        node.highlight = true;
      } else {
        node.highlight = false;
      }
    });
  }
}

在上述代码中，handleCheck 方法通过遍历选中的节点，并判断当前节点的 node-key 值是否与选中节点的 node-key 值相等。如果相等，则将当前节点的 highlight 属性设置为 true，从而高亮显示当前节点。如果不相等，则将当前节点的 highlight 属性设置为 false，取消高亮显示。