vue-element-UI el-tree 初始化默认选中样式

205 阅读1分钟

<el-tree :data="pdfTree" ref="tree" node-key="id" @node-click="handleNodeClick" :current-node-key="currentLivingId" default-expand-all/> 说明:

1、node-key="id"不能少

2、:current-node-key="currentLivingId"

async handleNodeClick(v) { this.currentLivingId = v.id this.nextTick(() => { this.refs.tree.setCurrentKey(v.id) }) //子节点 点击获取文件 if (v.children == null) { this.$emit("showFile", v) } else { //文件夹 } }, 全部代码如下:

::v-deep .el-tree-node.is-current > .el-tree-node__content { background: #f0f4ff; color: $--color-primary-dark-5; font-weight: bold; }