vue3+elementPlus侧边栏折叠时，选中的按钮显示，其余的按钮隐藏

可以使用Vue的条件渲染和Element Plus的Collapse组件来实现侧边栏折叠时按钮的显示和隐藏。

首先，你需要在Vue组件中定义一个data属性来表示是否折叠侧边栏，例如：

data() {
  return {
    isSidebarCollapsed: false
  };
}

然后，在模板中使用Element Plus的Collapse组件来包裹侧边栏的按钮列表，并通过v-model绑定isSidebarCollapsed属性，实现侧边栏的折叠和展开：

<el-collapse v-model="isSidebarCollapsed">
  <el-collapse-item title="按钮1" name="button1">
    <!-- 按钮1的内容 -->
  </el-collapse-item>
  <el-collapse-item title="按钮2" name="button2">
    <!-- 按钮2的内容 -->
  </el-collapse-item>
  <!-- 其他按钮项 -->
</el-collapse>

接下来，你可以使用Vue的条件渲染来控制按钮的显示和隐藏。根据isSidebarCollapsed的值，你可以决定哪些按钮应该显示，哪些按钮应该隐藏。例如：

<el-collapse v-model="isSidebarCollapsed">
  <el-collapse-item title="按钮1" name="button1">
    <!-- 按钮1的内容 -->
  </el-collapse-item>
  <el-collapse-item title="按钮2" name="button2">
    <!-- 按钮2的内容 -->
  </el-collapse-item>
  <el-collapse-item v-if="!isSidebarCollapsed" title="按钮3" name="button3">
    <!-- 按钮3的内容 -->
  </el-collapse-item>
  <el-collapse-item v-if="!isSidebarCollapsed" title="按钮4" name="button4">
    <!-- 按钮4的内容 -->
  </el-collapse-item>
  <!-- 其他按钮项 -->
</el-collapse>

在上面的例子中，按钮3和按钮4只有在侧边栏展开时才会显示，当侧边栏折叠时，它们会被隐藏起来。

这样，当你折叠侧边栏时，选中的按钮会显示，其余的按钮会隐藏。