vue-admin-template侧边栏怎么配置手风琴

您可以通过修改vue-admin-template项目中的`src/layout/components/Sidebar/index.vue`文件来配置侧边栏手风琴效果。

首先，找到`<el-menu>`标签，将其更改为`<el-menu :default-active="activeMenu" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">`。在这里，我们添加了`:default-active属性和`@open`、`@close`事件。

接下来，在`data()`方法中添加以下代码：

data() {
  return {
    activeMenu: '', // 默认激活的菜单项
    openedMenus: [] // 当前打开的菜单项数组
  }
}

然后，在同一个文件中添加以下两个方法：

methods: {
  handleOpen(key, keyPath) {
    // 当打开菜单项时调用，将打开的菜单项加入到openedMenus数组中
    this.openedMenus = keyPath
  },
  handleClose(key, keyPath) {
    // 当关闭菜单项时调用，将关闭的菜单项从openedMenus数组中移除
    this.openedMenus = keyPath
  }
}

最后，在`<el-menu-item>`和`<el-submenu>`标签上添加`:index`属性，将其绑定到对应的菜单项的唯一标识符上。例如：

<el-menu-item :index="'/dashboard'" icon="el-icon-s-home">仪表盘</el-menu-item>
<el-submenu :index="'/nested'" icon="el-icon-folder-opened">
  <template slot="title">嵌套菜单</template>
  <el-menu-item :index="'/nested/menu1'">菜单 1</el-menu-item>
  <el-menu-item :index="'/nested/menu2'">菜单 2</el-menu-item>
</el-submenu>

现在，您的侧边栏应该已经配置成手风琴效果了。打开一个菜单项时，其他打开的菜单项将会自动关闭。