vue-element-admin的左侧路由栏最后一个路由显示不全

Jerry9798

于 2021-05-17 18:59:16 发布

阅读量803

点赞数 2

文章标签： vue css

本文链接：https://blog.youkuaiyun.com/jjsmida1/article/details/116944228

版权

本文介绍了解决Vue项目中侧边栏底部间距不足的问题。通过在index.vue文件中的el-menu组件添加内联样式，成功调整了底部间距，改善了布局效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题如下图
最后一个路由栏显示不全
解决方法：找到src\layout\components\Sidebar\index.vue
在el-menu中添加style=“padding-bottom:20px"。如下图
效果图
代码如下：

 <el-menu
          :default-active="activeMenu"
          :collapse="isCollapse"
          :background-color="variables.menuBg"
          :text-color="variables.menuText"
          :unique-opened="false"
          :active-text-color="variables.menuActiveText"
          :collapse-transition="false"
          mode="vertical"
          class="menu"
         style="padding-bottom:20px”
        >```