【Vue+Element】菜单导航折叠后文字不隐藏

树形菜单导航Vue和Element实现

1. menus树结构

/**
 * 权限管理在后台，前端接收到的是已经过滤完的菜单树
 * @menuId 菜单唯一识别
 * @menuName 名称
 * @icon 图标
 * @parentId 父菜单，前端不用，后端用来嵌套树
 * @route 只有叶子结点有路由
 * @type 是菜单级别，只有一级菜单和二级菜单
 * @orderNum 是菜单排序，后台需要用来排序，前端不用
 * @children 叶子结点没有该属性或者为空数组
 */
// 获取菜单树
const menuTreeData = [{
   
    "menuId": 1,
    "menuName": "系统管理",
    "parentId": 0,
    "route": null,
    "type": 0,
    "icon": "el-icon-setting",
    "orderNum": 0,
    "children": [{
   
            "menuId": 2,
            "menuName": "微信用户",
            "parentId": 1,
            "parentName": "系统管理",
            "route": "/miniUser",
            "type": 1,
            "icon": "el-icon-service",
            "orderNum": 1,
            "children": []
        },
        {
   
            "menuId": 3,
            "menuName": "菜单管理",
            "parentId": 1,
            "parentName": "系统管理",
            "route": "/menu",
            "type": 1,
            "icon": "el-icon-news",
            "orderNum": 2,
            "children": []
        }
    ]
},
{
   
    "menuId": 4,
    "menuName": "密码管理",
    "parentId": 0,
    "route": null,
    "type":