# ClDropdownpopup Dropdownpopup

> 下拉弹出层组件，弹出任意自定义内容

- **标签名**: `<cl-dropdownpopup>`
- **引入**: `import { ClDropdownpopup } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 |  |
| dropdownArrowPos | `String` | `'center'` | 否 |  |
| dropDownPos | `String` | `'up'` | 否 |  |
| isUseDropdownArrow | `Boolean` | `true` | 否 |  |
| appendContainer | `String` | `` | 否 |  |
| transitionEnter | `String` | `'animated fadeIn'` | 否 |  |
| transitionLeave | `String` | `'animated fadeOut'` | 否 |  |
| triggers | `String` | `'click'` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| label | label 插槽 |
| dropdown | 下拉内容插槽 |

## Events

| 事件名 | 说明 |
|--------|------|
| onChangeOpen |  |

## 方法

| 方法 | 说明 |
|------|------|
| setOpen() |  |
| calculationPosition() |  |
| initCompleteOpen() |  |
| checkCurrentIsOpen() |  |

## 基础用法

```vue
<cl-dropdownpopup></cl-dropdownpopup>
```
