树形结构的前台页面展示在我们项目中很常用。做权限管理的时候经常会用到tree控件,以前前台用 jquery的时候用ztree,后来用easyui的时候框架自带了树形控件,最近在整理element ui的使用所以小编总结了element ui的树形结构的使用方法,接下来介绍的是element ui+spring boot递归构造树形结构,希望能够帮助大家
1.首先和大家看一下运行后的效果
2.element ui中el-tree的写法
el-tree是element uI的中树形结构的写法,主要使用的场景是在需要父级和子级的情况下使用,下面看一下前台的写法。
:data="sysMenuTreeData"
show-checkbox default-expand-all node-key="menuId"
ref="tree" highlight-current
:default-checked-keys='defaultExpandedKeys'
:props="defaultProps"
@node-click="handleNodeClick">
request({
url:'/sys/SysMenu/geButtonTreeData',
method: '