el-tree整行选中

el-tree整行选中可以通过设置highlight-current属性为true来实现。同时，可以通过设置highlight-current属性为true后，再设置.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content的背景颜色来实现选中行的高亮显示。具体实现可以参考以下代码：

<el-tree
:highlight-current="true"
:data="treeData"
@node-click="handleNodeClick"
>
<template slot-scope="{ node, data }">
<span class="custom-tree-node">
{{ node.label }}
</span>
</template>
</el-tree>

<style>
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background-color: #F56C6C;
}
</style>

其中，handleNodeClick是点击节点时的回调函数，treeData是树形结构的数据源。

相关问题

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

elementui el-tree默认选中

可以通过设置el-tree组件的default-checked-keys属性来实现el-tree的默认选中。例如：

<el-tree :data="pdfTree" :default-checked-keys="[1, 2]" node-key="id"></el-tree>

上述代码中，pdfTree是el-tree的数据源，default-checked-keys属性设置了默认选中的节点的id，node-key属性指定了节点的唯一标识符。

如果想要实现双向绑定，可以使用setCurrentKey方法。例如：

<el-tree :data="pdfTree" :default-checked-keys="checkedKeys" node-key="id" @check-change="handleCheckChange"></el-tree>

export default {
  data() {
    return {
      pdfTree: [],
      checkedKeys: []
    }
  },
  methods: {
    handleCheckChange(data, checked) {
      this.checkedKeys = data.checkedKeys;
    }
  }
}

上述代码中，通过设置default-checked-keys属性来初始化选中状态，同时监听check-change事件，在事件处理函数中更新checkedKeys数组，从而实现双向绑定。