el-menu添加子组件 ellipsis为何失效？

Question

父组件代码如下：

<el-menu mode="horizontal" ellipsis router>
    <Menu :menus="props.subs"></Menu>
</el-menu>

子组件内容：

<el-menu-item index="1-1">item1</el-menu-item>
<el-menu-item index="1-2">item2</el-menu-item>
<el-menu-item index="1-3">item3</el-menu-item>
<el-menu-item index="1-4">item4</el-menu-item>
<el-menu-item index="1-5">item5</el-menu-item>
<el-menu-item index="1-6">item6</el-menu-item>
<el-menu-item index="1-7">item7</el-menu-item>
<el-menu-item index="1-8">item8</el-menu-item>
<el-menu-item index="1-9">item9</el-menu-item>

现在遇到的问题是：如果把子组件内容直接添加到父组件的 <el-menu></el-menu> 中，超出宽度会显示 ellipsis（是否省略多余的子项）生效。但是直接用组件方式加载，子组件的内容会超出父组件设置的宽度，并且 ellipsis 不生效。

Answer 1

是不是子组件多添加了一层div