kui-vue/components/collapse/demo/nesting.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 嵌套面板
嵌套折叠面板。
</cn>

```vue
<template>
  <div class="demo-collapse">
    <Collapse :value="['1']">
      <Panel title="Panel title" key="1">
        <div>{{text}}</div>
        <Collapse :value="['1-1']">
          <Panel title="Panel title" key="1-1">
            <div>{{text}}</div>
          </Panel>
          <Panel title="Panel title" key="1-2">
            <div>{{text}}</div>
          </Panel>
        </Collapse>
      </Panel>
      <Panel title="Panel title" key="2">
        <div>{{text}}</div>
      </Panel>
      <Panel title="Panel title" key="3">
        <div>{{text}}</div>
      </Panel>
    </Collapse>
  </div>
</template>
<script>
export default {
  data() {
    return {
      text : `A long time ago, In a beautiful kingdom, 
  there lived a young king and queen, 
  the people loved them so much; `
    }
  }
}
</script>
```