# Collapse 折叠面板

<template>
  <div class="wrapper">
    <div>
      <m-collapse :selected.sync="selectedTab" single>
        <m-collapse-item title="标题1" name="1">标题1的内容</m-collapse-item>
        <m-collapse-item title="标题2" name="3">标题2的内容</m-collapse-item>
        <m-collapse-item title="标题3" name="2">标题3的内容</m-collapse-item>
      </m-collapse>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        selectedTab: ['1']
      }
    }
  }
</script>
<style scoped>
  .wrapper {
    margin-top: 10px;
  }
</style>