// 区域内容显示
<template>
    <section class="area-content">
        <div
            v-for="(item,index) of value"
            :key="index"
            class="area-select_item">
            {{ item[props.label] }}
            <a
                v-if="handleRemove&&!readonly"
                @click="handleRemove(index,item)"
                class="el-icon-close area-select_item_close" />
        </div>
    </section>
</template>
<script>
export default {
    name: 'BkSelectContent',
    props: {
        readonly: {
            type: Boolean
        },
        value: {
            type: Array,
            default: () => ([])
        },
        handleRemove: {
            type: Function,
            default: () => {}
        },
        props: {
            type: Object,
            default: () => ({
                label: 'label'
            })
        }
    },
    data() {
        return {};
    }
};
</script>
