在js上写下一下代码
// 展开收起树
const expandTree = () => {
expandBoolean.value = !expandBoolean.value
expandText.value = expandBoolean.value ? '全部收起' : '全部展开'
let nodes = tree.value.store.nodesMap
console.log('nodes', tree.value.store)
for (let i in nodes) {
nodes[i].expanded = expandBoolean.value
}
}
html部分
<div>
<el-input
v-model="searchKey"
placeholder="请输入关键字进行过滤"
style="width: 260px; height: 32px; padding: 20px 0px 10px 15px"
/>
<p class="aside-text" @click="expandTree">{{ expandText }}</p>
<div class="tree-block">
<el-tree
ref="tree"
:data="treeData"
:props="defaultProps"
node-key="label"
:default-expanded-keys="expandArr"
:default-expand-all="expandBoolean"
highlight-current
:filter-node-method="filterMethod"
@node-click="handleNodeClick"
/></div>
</div>
这里需要注意下 如果要实现上面expandTree的展开收起树的方法,需要 :default-expanded-keys=”expandArr” 这句话 并在js定义expandArr未空数组,这样展开收起就可以了
版权声明:本文为weixin_44423850原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。