1、在已新建的Vue项目,安装element依赖包,然后新建一个TreeData.vue组件文件

2、打开vue文件,向template标签中插入一个form表单,并添加一个按钮和树形控件

3、在<script></script>标签中,添加treeData和defaultProps对象值


4、接着打开App.vue文件,导入组件TreeData;然后使用命令运行项目,打开浏览器查看效果


5、修改vue文件代码,给el-tree添加属性ref,动态加一个属性default-expand-all

6、在data对象中,设置isExpand为false;在methods中,添加按钮点击事件和遍历树形控件的方法

7、再次保存代码并运行项目,刷新浏览器,然后点击展开按钮,查看树是否有变化
