el-tree选中后,鼠标移动选中状态消失

这个问题可能是因为你的鼠标移动事件与选中事件发生了冲突。当你选中一个节点时，它会触发选中事件并改变节点的状态，但是当你移动鼠标时，它又会触发移动事件并改变节点的状态，从而导致选中状态消失。

你可以尝试在移动事件中取消节点的选中状态，或者在选中事件中禁用移动事件。具体实现方法可能因你使用的库而异，你可以查看相关文档或寻求社区的帮助。

相关问题

el-tree选中节点，数据改变选中节点状态不变

对于这个问题，可以通过监听数据的变化来更新选中节点的状态，具体实现方式可以参考以下代码：

<el-tree
:data="treeData"
:props="defaultProps"
:default-expand-all="true"
@node-click="handleNodeClick"
ref="tree"
></el-tree>

handleNodeClick(node) {
// 更新选中节点的状态
this.$refs.tree.setCheckedKeys([node.id]);
}

watch: {
// 监听数据的变化，更新选中节点的状态
treeData: {
handler(val) {
const checkedKeys = this.$refs.tree.getCheckedKeys();
this.$refs.tree.setCheckedKeys(checkedKeys);
},
deep: true,
},
}

这样，当数据发生变化时，选中节点的状态也会相应地更新。

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{
// 修改展开图标样式
}