Dropdown 下拉列表

用法

基本用法

下拉组件

点击或者鼠标移到组件上可以出现下拉的选项，每个选项可以自定义样式；

点击查看代码

<wd-dropdown
    :visible="false"
    trigger="hover"
    @visibleChange="visibleChangeHandler"
>
    <a class="wd-dropdown-link">
    下拉菜单
    <down-outlined></down-outlined>
    </a>
    <template #dropdown>
        <wd-dropdown-menu>
            <wd-dropdown-menu-item>
            <a href="https://www.baidu.com">百度</a>
            </wd-dropdown-menu-item>
            <wd-dropdown-menu-item disabled>
            <a href="https://www.baidu.com">百度</a>
            </wd-dropdown-menu-item>
            <wd-dropdown-menu-item>
            <a href="javascript:;">1st menu item</a>
            </wd-dropdown-menu-item>
        </wd-dropdown-menu>
    </template>
</wd-dropdown>

属性

参数	说明	类型	可选值	默认值
visible	是否显示下拉选项	boolean	true / false	false
trigger	触发选项弹出的事件	string	hover / click	hover
disabled	是否可用	boolean	true / false	false

事件

事件名称	说明	回调参数
visible-change	下拉项显示与隐藏的回调	Function(visibleValue)