# Collapse 折叠面板
使用方法
# 基本用法
# 示例代码
<x-collapse :selected.sync="selectedTab" single>
<x-collapse-item title="标题1" name="1">hello,你好呢。</x-collapse-item>
<x-collapse-item title="标题2" name="2">你知道我在想你吗?</x-collapse-item>
<x-collapse-item title="标题3" name="3">我在等你呀!</x-collapse-item>
</x-collapse>
<script>
export default {
data() {
return {
selectedTab: ['1']
}
},
}
</script>
# Attributes
# Collapse
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selected | 选中项 | Array | -- | [] |
single | 是否单一展示 | boolean | true、false | false |
# CollapseItem
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
title | 标题 | String | -- | -- |
name | 唯一标识,必填 | String | -- | -- |