折叠面板 Collapse
示例
基本形式
<collapse>
<panel title="Panel1">Content1</panel>
<panel title="Panel2" open>Content2</panel>
<panel title="Panel3">Content3</panel>
<panel title="Panel4">Content4</panel>
</collapse>
每次只展开一个
<collapse accordion>
<panel title="Panel1">Content1</panel>
<panel title="Panel2">Content2</panel>
<panel title="Panel3">Content3</panel>
<panel title="Panel4">Content4</panel>
</collapse>
禁用
待完成。。。
API
Class
Collapse
继承自Component。
Options
new Collapse()
参数 | 类型 | 默认值 | 数据流向 | 描述 |
---|---|---|---|---|
data | object | 绑定属性 | ||
data.accordion | boolean | false | outer => inner | 是否每次只展开一个 |
data.disabled | boolean | false | outer => inner | 是否禁用 |
data.visible | boolean | true | outer => inner | 是否显示 |
data.class | string | '' | outer => inner | 补充class |