elementUI tree菜单默认收起和点击按钮展开

最新推荐文章于 2025-12-05 18:39:02 发布

原创最新推荐文章于 2025-12-05 18:39:02 发布 · 5.9k 阅读

CC 4.0 BY-SA版权

文章标签：

3 篇文章

订阅专栏

1 篇文章

订阅专栏

开发中需实现ElementUI Tree菜单全部收起和全部展开。最初尝试用default-expand-all切换数据未成功，后参考博客用$.refs控制属性expanded实现。数据有三层，默认子菜单收起，一级菜单展开，加载数据后做了处理。

最近在开发过程中，需要让tree菜单全部收起和全部展开。

刚开始的思路是用default-expand-all** 和 default-expand-all 来进行切换数据，后来发现这样写不行，（应该可以的吧？反正我没有成功，而且动态显隐属性我没做出来）
后来参考了https://blog.youkuaiyun.com/qq_36120342/article/details/102455591的博客，用$.refs来控制里面的属性expanded展开或收起

在这里插入图片描述
我的数据有三层，默认的后台管理中，所有的子菜单是默认收起的，只有第一级是展开的。
所以在默认加载完数据之后，做了一个数据处理