<template>
    <div class="ht-base-tree-multiple-demo">
        <ht-base-tree :data="data" show-checkbox multiple></ht-base-tree>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseTreeMultipleDemo',
        data() {
            return {
                data: [
                    {
                        title: '第一小节',
                        expand: true,
                        selected: true,
                        children: [
                            {
                                title: '第一小节1-0',
                                expand: true,
                                children: [
                                    {
                                        title: '小节内容-01',
                                        disabled: true
                                    },
                                    {
                                        title: '小节内容-02'
                                    }
                                ]
                            },
                            {
                                title: '第一小节1-1',
                                expand: true,
                                children: [
                                    {
                                        title: '小节内容-01',
                                        checked: true
                                    },
                                    {
                                        title: '小节内容-02'
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        }
    }
</script>
<style>
    .ht-base-tree-multiple-demo {

    }
</style>

