---
title: DropdownMenu 下拉菜单
description: 菜单呈现数个并列的选项类目，用于整个页面的内容筛选，由菜单面板和菜单选项组成。
spline: base
isComponent: true
toc: false
---

### 基础用法

- **`value`**: 可以设置当前选中项，支持语法糖 `v-model` 或 `v-model:value`
- **`label`**: 可以设置下拉菜单标题
- **`options`**: 可以自定义选项数据

{{ base }}

### 多选下拉菜单

通过 `multiple` 可以设置下拉菜单为多选，配合 `options-columns` 可以使下拉项分栏，可选项为 `1` 、 `2` 、 `2` 

{{ multiple }}

### 树形下拉菜单

通过 `options-layout` 可以设置树形下拉菜单，可选项：`columns` 、`tree`，默认值 `colums`

{{ tree }}

### 禁用菜单/选项

通过 `disabled` 可以禁用下拉菜单

{{ disabled }}

### 自定义菜单

{{ customized-menu }}

**注意：同时指定了 `options` 属性和内部自定义内容时，将优先展示自定义内容。**
