Collapse 折叠面板竖向

在CSDN中，可以使用Collapse组件来实现竖向折叠面板。以下是一个简单的示例代码：

<template>
  <div>
    <Collapse accordion>
      <Panel header="面板1" name="panel1">
        <!-- 面板1的内容 -->
      </Panel>
      <Panel header="面板2" name="panel2">
        <!-- 面板2的内容 -->
      </Panel>
      <Panel header="面板3" name="panel3">
        <!-- 面板3的内容 -->
      </Panel>
    </Collapse>
  </div>
</template>

<script>
import { Collapse, Panel } from 'antd';

export default {
  components: {
    Collapse,
    Panel
  },
  // 其他组件配置...
}
</script>

在上面的代码中，使用了CSDN开发的Collapse组件，并设置了`accordion`属性为true，这样只有一个面板可以同时展开，其他面板会自动折叠。每个面板使用Panel组件包裹，并设置了`header`属性作为面板的标题，`name`属性作为面板的唯一标识。

你可以根据自己的需求，添加更多的面板，并在各个面板中编写自己的内容。希望这能帮助到你！如果有任何问题，请随时向我提问。