element ui Collapse

Element UI 的 Collapse 组件可以用于创建可折叠的内容区域，用户可以点击标题来展开或收起内容。你可以使用 Collapse 组件来组织和展示具有层次结构的信息。

在使用 Collapse 组件之前，你需要先安装 Element UI。以下是一个简单的示例，展示了如何使用 Collapse 组件：

<template>
  <el-collapse>
    <el-collapse-item title="标题一">
      内容一
    </el-collapse-item>
    <el-collapse-item title="标题二">
      内容二
    </el-collapse-item>
    <el-collapse-item title="标题三">
      内容三
    </el-collapse-item>
  </el-collapse>
</template>

<script>
import { ElCollapse, ElCollapseItem } from 'element-ui';

export default {
  components: {
    ElCollapse,
    ElCollapseItem,
  },
};
</script>

在这个示例中，我们首先导入了 Collapse 和 CollapseItem 组件，然后在模板中使用了 Collapse 组件，并在其中嵌套了三个 CollapseItem 组件，每个 CollapseItem 组件都有一个标题和相应的内容。用户可以点击标题来展开或收起对应的内容。

通过自定义 CollapseItem 的内容，你可以创建更复杂的可折叠的区域。还可以使用不同的属性来定制 Collapse 组件的外观和行为，例如设置默认展开项、自定义图标等。

这只是 Collapse 组件的基本用法，你可以根据自己的需求进一步定制和扩展。希望这能帮到你！如果你还有其他问题，请随时提问。