本篇文章为你整理了Dropdown 下拉菜单(下拉框option)的详细内容,包含有dropdown下拉菜单点击不现实列表 下拉框option 下拉菜单bootstrap 实现下拉菜单 Dropdown 下拉菜单,希望能帮助你了解 Dropdown 下拉菜单。
跳转到内容指南组件资源Menu Back to top 赞助商
Basic 基础组件
Button 按钮
Border 边框
Color 色彩
Container 布局容器
Icon 图标
Layout 布局
Link 链接
Text 文本
Scrollbar 滚动条
Space 间距
Typography 排版
配置组件
Config Provider 全局配置
Form 表单组件
Autocomplete 自动补全输入框
Cascader 级联选择器
Checkbox 多选框
Color Picker 取色器
Date Picker 日期选择器
DateTime Picker 日期时间选择器
Form 表单
Input 输入框
Input Number 数字输入框
Radio 单选框
Rate 评分
Select 选择器
Virtualized Select 虚拟化选择器
Slider 滑块
Switch 开关
Time Picker 时间选择器
Time Select 时间选择
Transfer 穿梭框
Upload 上传
Data 数据展示
Avatar 头像
Badge 徽章
Calendar 日历
Card 卡片
Carousel 走马灯
Collapse 折叠面板
Descriptions 描述列表
Empty 空状态
Image 图片
Infinite Scroll 无限滚动
Pagination 分页
Progress 进度条
Result 结果
Skeleton 骨架屏
Table 表格
Virtualized Table 虚拟化表格
2.2.0Tag 标签
Timeline 时间线
Tree 树形控件
TreeSelect 树形选择
2.1.8Virtualized Tree 虚拟化树形控件
Statistic 统计组件
2.2.30Navigation 导航
Affix 固钉
Backtop 回到顶部
Breadcrumb 面包屑
Dropdown 下拉菜单
Menu 菜单
Page Header 页头
Steps 步骤条
Tabs 标签页
Feedback 反馈组件
Alert 提示
Dialog 对话框
Drawer 抽屉
Loading 加载
Message 消息提示
Message Box 消息弹出框
Notification 通知
Popconfirm 气泡确认框
Popover 弹出框
Tooltip 文字提示
Others 其他
Divider 分割线
Dropdown 下拉菜单 #将动作或菜单折叠到下拉菜单中。
TIP
在 SSR 场景下,您需要将组件包裹在 client-only /client-only 之中 (如: Nuxt) 和 SSG (e.g: VitePress).
基础用法 #悬停在下拉菜单上以展开更多操作。
触发对象 #可使用按钮触发下拉菜单。
触发方式 #可以配置点击激活或者悬停激活。
菜单隐藏方式 #可以通过 hide-on-click 属性来配置。
指令事件 #点击菜单项后会触发事件,用户可以通过相应的菜单项 key 进行不同的操作。
下拉方法 #您可以手动使用 手动打开 或 手动关闭下拉菜单以打开或关闭
尺寸 #Dropdown 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的尺寸。
Dropdown Attributes #属性名说明类型可选值默认值type菜单按钮类型,同 Button 组件一样,仅在 split-button 为 true 的情况下有效。string——size菜单尺寸,在 split-button 为 true 的情况下也对触发按钮生效。stringlarge / default / smalldefaultmax-height菜单最大高度string / number——split-button下拉触发元素呈现为按钮组boolean—falsedisabled是否禁用boolean—falseplacement菜单弹出位置stringtop/top-start/top-end/bottom/bottom-start/bottom-endbottomtrigger触发下拉的行为stringhover/click/contextmenuhoverhide-on-click是否在点击菜单项后隐藏菜单boolean—trueshow-timeout展开下拉菜单的延时,仅在 trigger 为 hover 时有效number—250hide-timeout收起下拉菜单的延时(仅在 trigger 为 hover 时有效)number—150role下拉菜单的 ARIA 属性。 根据具体场景,您可能想要将此更改为“navigation”string— menu tabindexDropdown 组件的 tabindexnumber—0popper-class自定义浮层类名string——popper-optionspopper.js 参数Object请参考 popper.js 文档{modifiers: [{name: computeStyles ,options: {gpuAcceleration: false}}]}teleported是否将下拉列表插入至 body 元素boolean—trueDropdown 插槽 #插槽名说明子标签—下拉菜单的内容。 注意:必须是有效的 html DOM 元素(例如 span 、 button 等)或 el-component,以附加监听触发器—dropdown下拉列表,通常是 el-dropdown-menu 组件Dropdown-MenuDropdown Events #事件名说明参数clicksplit-button 为 true 时,点击左侧按钮的回调—command点击菜单项触发的事件回调dropdown-item 的指令visible-change下拉框出现/隐藏时触发出现则为 true,隐藏则为 falseDropdown Methods #方法名说明参数handleOpen打开下拉菜单—handleClose关闭下拉菜单—Dropdown-Menu Slots #插槽名说明子标签—下拉菜单的内容Dropdown-ItemDropdown-Item Attributes #属性名说明类型可选值默认值command派发到command回调函数的指令参数string/number/object——disabled是否禁用boolean—falsedivided是否显示分隔符boolean—falseicon自定义图标string Component——Dropdown-Item Slots #插槽名说明—自定义Dropdown-Item内容源代码 #组件 • 文档
贡献者 # 云游君 三咲智子 Jeremy kooriookami Aex C.Y.Kun qiang zz opengraphica msidolphin Alan Wang Ryan2128 Xc RJW Delyan Haralanov hangzou Giwayume 류한경 Danny Hebert LIUCHAO gjfei blackie iwusong 啝裳 bqy mawi1512 João Gonçalves inottn Vgbire on the field of hope Simona Hades-li LooSheng amaury-hanser LinZhanMing在 Crowdin 上编辑此页面 Breadcrumb 面包屑Menu 菜单Contents基础用法触发对象触发方式菜单隐藏方式指令事件下拉方法尺寸Dropdown AttributesDropdown 插槽Dropdown EventsDropdown MethodsDropdown-Menu SlotsDropdown-Item AttributesDropdown-Item Slots源代码贡献者赞助商
成为赞助商!Your logo链接GitHub国内镜像站点
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。