博客管理系统左边导航栏的样式不对app.vue<template><divid="app"><router-view></router-view></div></template><script>exportdefault{name:"App",components:{},};</script><style>*{padding:0;margin:0;}</style>base-view.vue<template><div><el-container><el-headerid="admin-header-box">顶部内容</el-header><el-container><!--侧边栏单独的抽取出组件，注册为全局的组件--><el-asideid="left-menue-list"width="200px"><left-menu></left-menu></el-aside><el-container><el-main><!--主要内容--><divclass="content"><router-view></router-view></div></el-main></el-container></el-container></el-container></div></template><script>exportdefault{mounted(){//动态设置侧边菜单的高度letleftMenueBox=document.getElementById("left-menue-list");letadminHeader=document.getElementById("admin-header-box");letdy=window.innerHeight-adminHeader.offsetHeightif(leftMenueBox){leftMenueBox.style.height=dy+"px";}},};</script><style>.el-header{background-color:dodgerblue;color:#333;text-align:center;line-height:46px;height:46px!important;}.el-aside{text-align:center;line-height:200px;}.el-main{background-color:#e9eef3;color:#333;text-align:center;}</style>left-menu.vue<template><divid="app"><!--default-active当前激活的是哪个item--><el-menudefault-active="2"class="el-menu-vertical-demo"><!--el-menu-item是没有子节点的--><el-menu-itemindex="2"><iclass="el-icon-menu"></i><spanslot="title">导航二</span></el-menu-item><!--el-submenu带子节点的--><el-submenuindex="1"><templateslot="title"><iclass="el-icon-location"></i><span>导航1-1</span></template><!--子导航1-1--><el-menu-itemindex="1-1"><iclass="el-icon-menu"></i><spanslot="title">导航1-1</span></el-menu-item><!--子导航1-2--><el-menu-itemindex="1-2"><iclass="el-icon-menu"></i><spanslot="title">导航1-1</span></el-menu-item><!--子导航1-3--><el-menu-itemindex="1-3"><iclass="el-icon-menu"></i><spanslot="title">导航1-1</span></el-menu-item></el-submenu></el-menu></div></template><script></script><style></style>