Files
go-view/src/components/ChartItemSetting/CollapseItem.vue
2022-02-26 17:38:24 +08:00

37 lines
701 B
Vue

<template>
<n-divider style="margin: 10px 0;" />
<n-collapse arrow-placement="right" :default-expanded-names="expanded ? name : null" accordion>
<!-- 右侧 -->
<template #header-extra>
<div @click="click">
<slot name="header" />
</div>
</template>
<n-collapse-item :title="name" :name="name">
<slot />
</n-collapse-item>
</n-collapse>
</template>
<script setup lang="ts">
defineProps({
name: {
type: String,
required: true
},
expanded: {
type: Boolean,
required: false,
default: false
}
})
// const name = new Date().getTime()
const click = (e:MouseEvent) => {
e.preventDefault()
e.stopPropagation()
}
</script>