手风琴
多开页
预览
代码
data () {
selectedTab:['1','2'],
}
<div style="padding: 50px 0 ">
<g-collapse :selected.sync="selectedTab">
<g-collapse-item title="1" name="1">
第一层
</g-collapse-item>
<g-collapse-item title="2" name="2">
第二层
</g-collapse-item>
<g-collapse-item title="3" name="3">
第三层
</g-collapse-item>
<g-collapse-item title="4" name="4">
第四层
</g-collapse-item>
</g-collapse>
</div>
单开页
预览
代码
data () {
selectedTab:['1']
}
<div style="padding: 50px 0 ">
<g-collapse :selected.sync="selectedTab" single>
<g-collapse-item title="1" name="1">
第一层
</g-collapse-item>
<g-collapse-item title="2" name="2">
第二层
</g-collapse-item>
<g-collapse-item title="3" name="3">
第三层
</g-collapse-item>
<g-collapse-item title="4" name="4">
第四层
</g-collapse-item>
</g-collapse>
</div>