在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 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_44423850/article/details/126720071