element UI 导航栏展开后子菜单宽度多出1px是怎么回事?

Question

1. 复制的官网的项目侧边导航，不设置el-aside的宽度是没问题的，但是<el-aside width="200px">后就出问题了。

<el-container>
        <el-aside width="200px">
          <el-row class="tac">

            <el-col :span="24">
              <el-menu
                default-active="2"
                class="el-menu-vertical-demo"
                unique-opened
                @open="handleOpen"
                @close="handleClose"
                background-color="#545c64"
                text-color="#fff"
                active-text-color="#ffd04b">
                <el-submenu index="1">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>导航一</span>
                  </template>
                  <el-menu-item index="1-1">选项1</el-menu-item>
                  <el-menu-item index="1-2">选项2</el-menu-item>
                </el-submenu>
                <el-submenu index="2">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>导航一</span>
                  </template>
                  <el-menu-item index="2-1">选项1</el-menu-item>
                  <el-menu-item index="2-2">选项2</el-menu-item>
                </el-submenu>
              </el-menu>
            </el-col>
          </el-row>
        </el-aside>
        <el-main>
          <main-content></main-content>
        </el-main>
      </el-container>

Answer 1

同问,我也遇到这个坑的问题。
是因为.el-menu的样式造成的
解决方式如下: