Vue导航栏侧边不对齐问题解决

可以看到侧边明显没对齐

解决办法：

首先设置lang为less。

<style lang="less" scoped>

如果设置之后项目报错的话，

Can't resolve 'less-loader'

需要先安装less和less-loader依赖。

如果安装之后还是报错的话，说明版本不兼容，所以需要降低版本。

npm uninstall less-loader
npm install less-loader@5.0.0

 

一切正常之后，对导航栏进行样式设计。

    .el-aside {
        background-color: #D3DCE6;
        color: #333;
        text-align: center;
        .el-menu{
            border-right: 0px;
        }
    }

最后发现已经对齐了。