element-ui dropdown 组件源码分享

dropdown 下拉菜单源码简单分享，主要从以下几个方面：

1、dropdown 组件页面结构。

2、dropdown 组件属性。

3、dropdown 组件事件。

4、dropdown 组件 slot 挂载。

5、dropdown menu item 组件属性。

一、组件页面结构。

二、组件属性。

2.1 type 菜单按钮类型，同 Button 组件(只在split-button为 true 的情况下有效)，类型 string，无默认值。

2.2 size 菜单尺寸，在split-button为 true 的情况下也对触发按钮生效，类型 string，可选值 medium / small / mini，无默认值。

2.3 split-button 下拉触发元素呈现为按钮组，类型 boolean，默认 false。

2.4 placement 菜单弹出层位置，类型 string，可选值 top/top-start/top-end/bottom/bottom-start/bottom-end，默认 bottom-end。

2.5 trigger 触发下拉的行为，类型 string，可选值 hover、click，默认 hover。

2.6 hide-on-click 是否在点击菜单项后隐藏菜单，类型 boolean，默认 true。

2.7 show-timeout 展开下拉菜单的延时（仅在 trigger 为 hover 时有效）,类型 number，默认 250。

2.8 hide-timeout 收起下拉菜单的延时（仅在 trigger 为 hover 时有效），类型 number，默认 150。

2.9 tabindex dropdown 组件的 tabindex 类型 number，默认 0。

2.10 disabled 是否禁用，类型 boolean，默认 false。

三、组件事件。

3.1 click split-button 为 true 时，点击左侧按钮的回调。

3.2 command 点击菜单项触发的事件回调，回调参数 dropdown-item 的指令。

3.3 visible-change 下拉框出现/隐藏时触发，回调参数 出现则为 true，隐藏则为 false。

四、组件 slot 挂载。

4.1 -- 触发下拉列表显示的元素，注意：必须是一个元素或者组件。

4.2 dropdown 下拉列表，通常是 <el-dropdown-menu> 组件。

五、menu item 组件属性。

5.1 command 指令，类型 string/number/object，无默认值。

5.2 disabled 禁用，类型 boolean，默认 false。

5.3 divided 显示分割线，类型 boolean，默认 false。

5.4 icon 图标类名，类型 string，无默认值。