el-tree有复选框时选中节点高亮

是的，当 el-tree 组件中的节点拥有复选框时，选中节点会高亮显示。您可以通过设置 el-tree 的 show-checkbox 属性为 true 来显示复选框，并通过设置 el-tree 的 node-key 属性来指定节点的唯一标识符。当用户选中节点时，el-tree 会触发节点的选中事件，并将选中的节点信息传递给回调函数，您可以在回调函数中进行处理，例如更新选中节点的状态或执行其他操作。

相关问题

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，取消高亮显示。

el-tree子节点带复选框

el-tree的子节点带有复选框的样式可以通过修改CSS样式来实现。根据提供的引用内容，你可以使用以下CSS代码来实现子节点带复选框的样式：

.el-tree-node {
  /* 叶子节点显示复选框，其他节点不显示复选框 */
  .is-leaf ~ .el-checkbox .el-checkbox__inner {
    display: flex;
  }
  .el-checkbox__input > .el-checkbox__inner {
    display: none;
  }
}

/* 非一级节点 */
.el-tree-node__children {
  /* 节点展开显示复选框 */
  .expanded ~ .el-checkbox .el-checkbox__inner {
    display: flex;
  }
  .el-checkbox__input > .el-checkbox__inner {
    display: none;
  }
}

这段代码可以使一级节点不显示复选框，其他子节点在收起状态下不显示复选框，展开状态下显示复选框，叶子节点显示复选框。