elementui菜单栏折叠 宽度不必那

ElementUI 的菜单组件可以设置 `collapse-transition` 属性来实现折叠效果，如果菜单折叠后宽度过大，可以尝试以下方法进行调整：

1. 设置菜单的最大宽度（`max-width`）属性，可以使用 CSS 或者直接在组件上设置 `style` 属性实现。
2. 设置菜单的宽度（`width`）属性，在菜单折叠后将其宽度重新设置为一个较小的值。

例如，在组件上设置 `style` 属性，将菜单的最大宽度设置为 200 像素，菜单折叠后将其宽度设置为 50 像素：

<template>
  <el-menu :collapse-transition="false" :default-active="activeIndex" class="el-menu-vertical-demo" style="max-width: 200px;">
    <!-- 菜单项 -->
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: '',
    };
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped>
.el-menu-vertical-demo {
  width: 200px;
}
</style>