Element-Plus:最后一个el-menu-item自动显示为省略号。

Question

这是源代码，我只是在el-header中添加了一个margin:auto，它确实是居中显示的，但是最后一个el-menu-item却显示为“。。。”，当我把鼠标悬停在“。。。”上时，最后一个菜单项"注册“就显示出来。

如果我删除CSS，最后一个显示正常，但菜单将不会居中，我不知道如何修复它。

<el-header>
      <el-menu
          :default-active="'/'+this.$route.path.split('/')[1]"
          mode="horizontal"
          :router="true"
          :style="{background:'#f7f7f7'}"
      >
          <el-menu-item index="/">首页</el-menu-item>
          <el-menu-item index="/Lost">寻物广场</el-menu-item>
          <el-menu-item index="/Found">招领广场</el-menu-item>
          <el-menu-item index="/Post">发布启事</el-menu-item>
          <el-menu-item index="/Me">我的</el-menu-item>
          <el-menu-item index="/Login">登录</el-menu-item>
          <el-menu-item index="/Register">注册</el-menu-item>
      </el-menu>

</el-header>

.el-header {
    margin: auto;
}

​

Answer 1

我已经解决了这个问题，只需在电子菜单中添加一个:ellipsis="false"即可.

​

 <el-menu
                :default-active="'/'+this.$route.path.split('/')[1]"
                mode="horizontal"
                :router="true"
                :style="{background:'#f7f7f7'}"
                :ellipsis="false"
            >

​