el-menu-item 中的内容换行

在Element UI库中的`el-menu-item`组件中，内容默认会被限制在一个菜单项内，不会自动换行。如果你需要内容换行，可以采取以下几种方法：

1. 使用HTML `<br>`标签：在文本中插入`<br>`标签，可以让内容在一行结束并开始新的一行。

<el-menu-item>
  <span>这是第一行</span><br>
  这是第二行
</el-menu-item>

2. 使用CSS `white-space: normal;` 属性：通过设置`.el-menu-item__title`或者其他对应的样式类，改变元素的默认换行规则。

.el-menu-item__title {
  white-space: normal;
}

<el-menu-item>
  <span class="custom-title">这是第一行，<br>这是第二行</span>
</el-menu-item>

3. 如果内容是动态生成的，你可以在数据绑定中处理换行，例如使用Vue的v-html指令。

<el-menu-item v-for="(item, index) in menuItems" :key="index">
  <span v-html="item.contentWithNewline"></span>
</el-menu-item>

然后在你的数据里：

data() {
  return {
    menuItems: [
      { contentWithNewline: '这是第一行<br>这是第二行' },
      // ...
    ]
  };
}

请注意，使用`v-html`时需注意安全问题，因为它会解析字符串中的所有HTML。