介绍 {
“code": 1、
“data": {
“menuVoList":(
{
“childList":(
{
“childList": [],
“menu": {
“createBy":“0-1"
“createTime": 1587610158,
“id":“2 f006aed6a114579bd8b9809724428f7"
“name":“系统用户权限管理“,
“parentId":“6 d68079a16b94292990f612237bd048e"
“path":“/userallotrole"
“updateBy":“0-1"
“updateTime": 1587610221
}
}，
{
“childList": [],
“menu": {
“createBy":“0-1"
“createTime": 1587605059,
“id":“c948265cdf27420eb7b6b502292c5990"
“name":“系统用户管理“,
“parentId":“6 d68079a16b94292990f612237bd048e"
“path":“/user"
“updateBy":“0-1"
“updateTime": 1587610230
}
}
),
“menu": {
“createBy":“0-1"
“createTime": 1587605025,
“id":“6 d68079a16b94292990f612237bd048e"
“name":“用户管理“,
“parentId":““,
“path":“/#“;
“updateBy":“0-1"
“updateTime": 1587610117
}
}，
{
“childList":(
{
“childList": [],
“menu": {
“createBy":“0-1"
“createTime": 1587469457,
“id":“d4b70897052742bb860cf14cea8cf131"
“name":“新建/修改菜单“,
“parentId":“82 e5ca1ab2e04d8faffeb973286771ec"
“path":“/newMenu"
“updateBy":“0-1"
“updateTime": 1587469457
}
}
),
“menu": {
“createBy":“0-1"
“createTime": 1587469385,
“id":“82 e5ca1ab2e04d8faffeb973286771ec"
“name":“菜单管理“,
“parentId":““,
“path":““,
“updateBy":“0-1"
“updateTime": 1587469426
}
}，
{
“childList":(
{
“childList": [],
“menu": {
“createBy":“0-1"
“createTime": 1587468494,
“id":“3 a092edd120d40b79322d8486e53e5a1"
“name":“系统角色管理“,
“parentId":“ce5704f647d341fe8334ad12c6dd4a6b"
“path":“/setrole"
“updateBy":“0-1"
“updateTime": 1587469340
}
}，
{
“childList": [],
“menu": {
“createBy":“0-1"
“createTime": 1587469360,
“id":“61 d0e4fecbed407d89b1ea5878072374"
“name":“设置角色权限“,
“parentId":“ce5704f647d341fe8334ad12c6dd4a6b"
“path":“/authorization"
“updateBy":“0-1"
“updateTime": 1587469360
}
}，
{
“childList": [],
“menu": {
“createBy":“0-1"
“createTime": 1587469520,
“id":“a1a2f6bcbfba4a7f9178ef03ea0fe5b0"
“name":“权限管理“,
“parentId":“ce5704f647d341fe8334ad12c6dd4a6b"
“path":“/resource"
“updateBy":“0-1"
“updateTime": 1587624251
}
}
),
“menu": {
“createBy":“0-1"
“createTime": 1587468417,
“id":“ce5704f647d341fe8334ad12c6dd4a6b"
“name":“角色管理“,
“parentId":““,
“path":““,
“updateBy":“0-1"
“updateTime": 1587468417
}
}
]
}，
“message":“成功”;
} & lt; template>
& lt; div>
在menuData" & lt;模板v=凹壑?比;
& lt; el-submenu v=皏alue.childList。长度比;& # 39;0 & # 39;“:指数=皏alue.menu.name"比;//判断传进来的数据中childList数组长度是否大于零,如果大于零表示不是不需要在循环下去了
& lt;模板槽=皌itle"祝辞
& lt;我类=癳l-icon-s-tools"/比;
& lt;跨槽=皌itle"在{{value.menu.name}} & lt;/span>
& lt;/template>
& lt; MenuTree:菜单数据=https://www.yisu.com/zixun/" value.childList "/>
{{value.menu.name}}
这篇文章主要讲解了如何实现元素中el-menu组件的无限极循环,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
实现思路主要组件嵌套(组件自己调用自己)
下面是组件所需要的数据
现在我们来设置组件(在组合文件夹里面建一个菜单。vue)代码如下
