if(menus) { for(var i=0;i<menus.length;i++){ // 找到当前登录角色的菜单 if(menus[i].roleName == role){ var menu = menus[i].backMenu; for(var j=0;j<menu.length;j++){ // 一级菜单 var menuItem = document.createElement('li'); menuItem.setAttribute('class','nav-item dropdown'); var itemHref = document.createElement('a'); itemHref.setAttribute("class","nav-link dropdown-toggle"); itemHref.setAttribute('data-toggle','dropdown'); itemHref.setAttribute('href','#'); itemHref.setAttribute("role","button"); itemHref.setAttribute("aria-haspopup","true"); itemHref.setAttribute("aria-expanded","false"); itemHref.innerHTML = menu[j].menu; menuItem.appendChild(itemHref);是什么意思
时间: 2023-06-24 17:07:39 浏览: 153
这段代码是一个 JavaScript 的循环语句,用于创建一个导航菜单。它首先检查是否存在菜单对象,如果存在,则遍历菜单对象中的每个元素,找到当前登录角色对应的菜单。然后,它将为一级菜单创建一个 HTML 元素 li,并设置该元素的 class 属性为 "nav-item dropdown"。接着,它创建一个超链接元素 a,设置该元素的 class、data-toggle、href、role、aria-haspopup 和 aria-expanded 属性,最后将菜单名称添加到该超链接元素中,并将该元素添加到 li 元素中。最终,这个 li 元素将被添加到导航菜单中。
相关问题
mounted() { let menus = menu.list(); this.menus = menus; for (let i = 0; i < this.menus.length; i++) { if (this.menus[i].hasBackLogin=='是') { this.roles.push(this.menus[i]) } } },
这段代码是 Vue 组件的 mounted() 钩子函数,当组件挂载到 DOM 上时会被调用。在该函数中,首先调用 menu.list() 方法获取菜单列表,然后将菜单列表赋值给组件的 menus 数据。接着遍历菜单列表,如果菜单的 hasBackLogin 属性为 '是',将该菜单添加到组件的 roles 数组中。
这段代码的作用可能是获取菜单列表并筛选出需要后台登录才能访问的菜单,然后将这些菜单添加到一个 roles 数组中,以便在组件中使用。
if(menus) { for(var i=0;i<menus.length;i++){ // 找到当前登录角色的菜单 if(menus[i].roleName == role){ var menu = menus[i].backMenu; for(var j=0;j<menu.length;j++){ // 一级菜单 var menuItem = document.createElement('li'); menuItem.setAttribute('class','nav-item dropdown'); var itemHref = document.createElement('a'); itemHref.setAttribute("class","nav-link dropdown-toggle"); itemHref.setAttribute('data-toggle','dropdown'); itemHref.setAttribute('href','#'); itemHref.setAttribute("role","button"); itemHref.setAttribute("aria-haspopup","true"); itemHref.setAttribute("aria-expanded","false"); itemHref.innerHTML = menu[j].menu; menuItem.appendChild(itemHref);
// 二级菜单
var submenu = document.createElement('ul');
submenu.setAttribute('class','dropdown-menu');
var subMenuItems = menu[j].children;
for(var k=0;k<subMenuItems.length;k++){
var subMenuItem = document.createElement('li');
var subItemHref = document.createElement('a');
subItemHref.setAttribute('class','dropdown-item');
subItemHref.setAttribute('href',subMenuItems[k].url);
subItemHref.innerHTML = subMenuItems[k].menu;
subMenuItem.appendChild(subItemHref);
submenu.appendChild(subMenuItem);
}
menuItem.appendChild(submenu);
menuList.appendChild(menuItem);
}
break;
}
}
}