咕噜UI

手风琴

设置默认开启

预览

标题1
标题2
标题3

代码

data() {
     return {
        selectedTab: ['1', '2', '3']
     }
}

        <g-collapse :selected.sync="selectedTab">
        <g-collapse-item title="标题1" name="1">内容1</g-collapse-item>
        <g-collapse-item title="标题2" name="2">内容2</g-collapse-item>
        <g-collapse-item title="标题3" name="3">内容3</g-collapse-item>
        </g-collapse>

设定single

预览

标题1
标题2
标题3

代码

 data() {
    return {
        selectedTab: ['1']
    }
}


        <g-collapse :selected.sync="selectedTab" single>
        <g-collapse-item title="标题1" name="1">内容1</g-collapse-item>
        <g-collapse-item title="标题2" name="2">内容2</g-collapse-item>
        <g-collapse-item title="标题3" name="3">内容3</g-collapse-item>
        </g-collapse>

TIP

设定 single 同时建议 selectedTab 也为单个

← Toast →