el-tree 半选中

可以通过监听 el-tree 的 node-click 事件，在事件回调函数中获取当前点击节点的 label 值。具体实现如下：

1. 在 el-tree 上添加 node-click 事件监听：

<el-tree
  :data="treeData"
  node-key="id"
  @node-click="handleNodeClick"
></el-tree>

2. 在 methods 中定义 handleNodeClick 方法：

methods: {
  handleNodeClick(data) {
    console.log(data.label);
  }
}

3. 当用户点击 el-tree 中的节点时，handleNodeClick 方法会被调用，data 参数即为当前点击节点的数据对象，通过 data.label 即可获取该节点的 label 值。

相关问题

el-tree 修改el-tree的选中背景色 hover

要修改el-tree的选中背景色hover，可以使用以下代码：
.el-tree-node__content:hover {
background-color: #c1ddf0;
}
这将改变鼠标悬停在项上的背景色。如果要改变选中项的背景色和字体色，可以使用以下代码：
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
color: #fff;
background: #2d8cf0 !important;
}
这将使选中项的背景色改为蓝色，字体色为白色。同时，如果要修改el-tree的展开图标，可以使用以下代码：
::v-deep.el-tree-node__expand-icon.is-leaf+.custom-tree-node .el-icon-arrow-up:before{
// 修改展开图标样式
}

el-tree 取消选中

el-tree取消选中可以通过调用setChecked方法实现。setChecked方法有三个参数：要选中节点的id、是否选中标识和是否递归选中子节点标识。其中，是否选中标识需要设置为false，表示取消选中。如果需要同时取消选中子节点，可以将是否递归选中子节点标识设置为true。以下是一个示例代码：

// 取消选中id为1的节点及其子节点
this.$refs.tree.setChecked(1, false, true);