Element UI el-tree 默认展开指定节点

mac2025-10-30  4

主要两个参数 node-key 和 :default-expanded-keys

<el-tree ref="tree" v-loading="treeLoading" :data="studentTree" :props="defaultProps" :highlight-current="true" node-key="id" :default-expanded-keys="defaultShowNodes" @node-click="handleTree"> </el-tree> data () { return { studentTree: [], // 我的树结构数据 defaultShowNodes: [] // 这里存放要默认展开的节点 id } }

因为数据是异步获取的,我这里在 watch 里监听

watch: { studentTree: { handler () { // 我这里默认展开一级, 指定几级就往里遍历几层取到 id 就可以了 this.studentTree.forEach(item => { this.defaultShowNodes.push(item.id) }) }, deep: true } }
最新回复(0)