kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
41 lines (40 loc) • 881 B
Markdown
<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>
```