ant-design-vue/components/collapse/demo/accordion.md
2019-10-09 18:32:23 +08:00

934 B
Raw Blame History

#### 手风琴 手风琴每次只打开一个tab。默认打开第一个。 #### Accordion Accordion mode, only one panel can be expanded at a time. The first panel will be expanded by default.
<template>
  <div>
    <a-collapse accordion>
      <a-collapse-panel header="This is panel header 1" key="1">
        <p>{{text}}</p>
      </a-collapse-panel>
      <a-collapse-panel header="This is panel header 2" key="2" :disabled="false">
        <p>{{text}}</p>
      </a-collapse-panel>
      <a-collapse-panel header="This is panel header 3" key="3">
        <p>{{text}}</p>
      </a-collapse-panel>
    </a-collapse>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.`,
      };
    },
  };
</script>