elmentui NavMenu横向滑动

ElmentUI的NavMenu组件默认是垂直显示的，不支持横向滑动。如果你想要实现横向滑动的效果，可以通过自定义样式来实现。你可以使用CSS的overflow属性来控制滚动条的显示与隐藏。

以下是一个示例代码，演示如何通过自定义样式实现ElmentUI的NavMenu横向滑动：

<template>
  <div class="nav-menu-container">
    <el-menu class="nav-menu" mode="horizontal">
      <el-submenu index="1">
        <template slot="title">导航菜单</template>
        <el-menu-item index="1-1">菜单项1</el-menu-item>
        <el-menu-item index="1-2">菜单项2</el-menu-item>
        <el-menu-item index="1-3">菜单项3</el-menu-item>
        <el-menu-item index="1-4">菜单项4</el-menu-item>
        <el-menu-item index="1-5">菜单项5</el-menu-item>
        <el-menu-item index="1-6">菜单项6</el-menu-item>
        <el-menu-item index="1-7">菜单项7</el-menu-item>
        <el-menu-item index="1-8">菜单项8</el-menu-item>
        <el-menu-item index="1-9">菜单项9</el-menu-item>
        <el-menu-item index="1-10">菜单项10</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<style>
.nav-menu-container {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

.nav-menu {
  display: inline-block;
}
</style>

在上述代码中，我们给NavMenu组件的外层容器设置了一个固定宽度，并将overflow-x属性设置为auto，这样当菜单项超出容器宽度时，会自动显示横向滚动条。同时，我们将NavMenu组件的display属性设置为inline-block，使其能够水平排列。

请注意，以上代码只是一个示例，你可以根据自己的实际需求进行调整和修改。