element plus 导航栏收起

要实现 Element Plus 导航栏的收起功能，可以使用 `el-menu` 组件的 `collapse` 属性和 `collapse-transition` 组件。具体实现步骤如下：

1. 在 `el-menu` 组件上添加 `:collapse="isCollapse"` 属性，其中 `isCollapse` 是一个布尔值，表示导航栏是否收起。
2. 在 `el-menu` 组件外层包裹一个 `el-container` 组件，并在其中添加一个 `el-header` 组件，用于放置收起按钮。
3. 在 `el-header` 组件中添加一个按钮，点击按钮时修改 `isCollapse` 的值，从而实现导航栏的收起和展开。

示例代码如下：

<template>
  <el-container>
    <el-header>
      <el-button icon="el-icon-s-fold" @click="toggleCollapse"></el-button>
    </el-header>
    <el-menu :collapse="isCollapse">
      <!-- 导航栏内容 -->
    </el-menu>
  </el-container>
</template>

<script>
export default {
  data() {
    return {
      isCollapse: false // 导航栏是否收起
    }
  },
  methods: {
    toggleCollapse() {
      this.isCollapse = !this.isCollapse
    }
  }
}
</script>