折叠面板组(vCollapseGroup)

单组件引入

import <name> from ‘vucc/collapse-group’;

示例






内容内容







内容内容







内容内容






代码 V

<v-collapse-group :is-multiple="false">
    <v-collapse :title="'我是一个下拉面板'">
        <div slot="operate">
            <a href="" class="vc-link">额外操作</a>
        </div>
        <div style="padding: 20px 0;">
            <p>内容内容</p>
        </div>
    </v-collapse>
    <v-collapse :title="'我是一个下拉面板'">
        <div slot="operate">
            <a href="" class="vc-link">额外操作</a>
        </div>
        <div style="padding: 20px 0;">
            <p>内容内容</p>
        </div>
    </v-collapse>
    <v-collapse :title="'我是一个下拉面板'">
        <div slot="operate">
            <a href="" class="vc-link">额外操作</a>
        </div>
        <div style="padding: 20px 0;">
            <p>内容内容</p>
        </div>
    </v-collapse>
</v-collapse-group>



属性

参数 说明 类型 可选值 默认值
isMultiple 是否能同时打开多个collapse-group Boolean - false
← 折叠面板(vCollapse) 进度条(vProgress) →