vue.js - Element-ui NavMenu 行为怪异，菜单项在中间而不是左侧

Question

我正在尝试使用这个简单的NavMenu，但它在放置菜单项的位置上做了一些奇怪的事情。

这是我的代码，绑定href并没有什么不同，它仍然显示相同。

 <el-menu
        mode="horizontal"
        :unique-opened="true"
        background-color="#96C349"
        text-color="#274F29"
        active-text-color="#274F29">
        <el-menu-item index="1">
            <a :href="'/products'">Productos</a>
        </el-menu-item>
        <el-menu-item index="2">
            <a :href="'/us'">Quienes Somos</a>
        </el-menu-item>
    </el-menu>

最奇怪的是，如果我在其下方或上方添加第二个菜单，底部的菜单会显示左侧的项目，但当我只有一个菜单时，它会将项目放在中间。

我不知道这是如何或为什么会发生的！我该如何解决？

标签： vue.jselement-ui