ant-design-vue/components/dropdown/index.en-US.md

API

Dropdown

Property	Description	Type	Default
disabled	whether the dropdown menu is disabled	boolean	-
getPopupContainer	to set the container of the dropdown menu. The default is to create a div element in body, you can reset it to the scrolling area and make a relative reposition. example	Function(triggerNode)	() => document.body
overlay(slot)	the dropdown menu	Menu	-
placement	placement of pop menu: bottomLeft bottomCenter bottomRight topLeft topCenter topRight	String	bottomLeft
trigger	the trigger mode which executes the drop-down action	Array<click|hover|contextMenu>	['hover']
visible(v-model)	whether the dropdown menu is visible	boolean	-

events

Events Name	Description	Arguments
visibleChange	a callback function takes an argument: visible, is executed when the visible state is changed	function(visible)

You should use Menu as overlay. The menu items and dividers are also available by using Menu.Item and Menu.Divider.

Warning: You must set a unique key for Menu.Item.

Menu of Dropdown is unselectable by default, you can make it selectable via <Menu selectable>.

Dropdown.Button

Property	Description	Type	Default
disabled	whether the dropdown menu is disabled	boolean	-
overlay(slot)	the dropdown menu	Menu	-
placement	placement of pop menu: bottomLeft bottomCenter bottomRight topLeft topCenter topRight	String	bottomLeft
size	size of the button, the same as Button	string	default
trigger	the trigger mode which executes the drop-down action	Array<click|hover|contextMenu>	['hover']
type	type of the button, the same as Button	string	default
visible	whether the dropdown menu is visible	boolean	-

Dropdown.Button events

Events Name	Description	Arguments
click	a callback function, the same as Button, which will be executed when you click the button on the left	Function
visibleChange	a callback function takes an argument: visible, is executed when the visible state is changed	Function