layui/example/docs/zh-CN/components/dropdown.md

3.5 KiB

::: anchor :::

::: title 基本介绍 :::

::: describe 当页面上的操作命令过多时,用此组件可以收纳操作元素。 :::

::: title 基础使用 :::

::: demo

下拉菜单 选项一 选项二 选项三

:::

::: title 触发方式 :::

::: demo

Hover 触发 选项一 选项二 选项三    Click 触发 选项一 选项二 选项三

::: ::: title 禁用弹出 :::

::: demo

禁用弹出 选项一 选项二 选项三

::: ::: title 事件处理 :::

::: demo

当前状态:{{stat}} 选项一 选项二 选项三

:::

::: title Dropdown 属性 :::

::: table

属性 描述 可选值
trigger 触发方式 click hover
disabled 是否禁用触发 true false

:::

::: title Dropdown 插槽 :::

::: table

插槽 描述 可选值
content 下拉内容 --

:::

::: title Dropdown 事件 :::

::: table

插槽 描述 参数
hide 隐藏下拉内容后触发 --
open 显示下拉内容后触发 --

:::

::: previousNext dropdown :::