Dropdown 下拉菜单(下拉框option)

  本篇文章为你整理了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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: