<template>
    <div class="ht-base-cascader-prohibit-demo">
        <ht-base-cascader :data="data" disabled style="width: 250px;"></ht-base-cascader>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseCascaderProhibitDemo',
        data() {
            return {
                data: [{
                    value: 'beijing',
                    label: '北京',
                    children: [
                        {
                            value: 'dongchengqu',
                            label: '东城区'
                        },
                        {
                            value: 'xichengqu',
                            label: '西城区'
                        }
                    ]
                },{
                    value: 'shanghai',
                    label: '上海',
                    disabled: true,
                    children: [
                        {
                            value: 'baoshanqu',
                            label: '宝山区'
                        }
                    ]
                }, {
                    value: 'guangdong',
                    label: '广东',
                    children: [
                        {
                            value: 'guangzhoushi',
                            label: '广州市',
                            children: [
                                {
                                    value: 'tianhequ',
                                    label: '天河区'

                                }, {
                                    value: 'fanyuqu',
                                    label: '番禺区',
                                    children: [
                                        {
                                            value: 'nanchunzhen',
                                            label: '南村镇',
                                        },{
                                            value: 'shawanzhen',
                                            label: '沙湾镇'
                                        }
                                    ]
                                }
                            ]
                        }
                    ],
                }]
            }
        }
    }
</script>
<style>
    .ht-base-cascader-prohibit-demo {
    }
</style>

