当前位置: 首页 > news >正文

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,无默认值。

http://www.xdnf.cn/news/183241.html

相关文章:

  • QML中的色彩应用
  • 调度算法的模拟及应用
  • 接口测试详解
  • electron-vite 应用打包自定义图标不显示问题
  • 28-29【动手学深度学习】批量归一化 + ResNet
  • Java线程池详解
  • 2024年12月GESP 图形化 一级考级真题——飞行的小猫
  • Linux的例行性工作(crontab)
  • 码蹄杯——tips
  • MAGI-1: Autoregressive Video Generation at Scale
  • 基于Jamba模型的天气预测实战
  • java工具类
  • Redis哨兵模式深度解析:实现高可用与自动故障转移的终极指南
  • 大语言模型架构基础与挑战
  • 简单了解Java的I/O流机制与文件读写操作
  • 智能电网新引擎:动态增容装置如何解锁输电线路潜力?
  • spark学习总结
  • C++/SDL 进阶游戏开发 —— 双人塔防(代号:村庄保卫战 14)
  • Java大厂面试:互联网医疗场景中的Spring Boot与微服务应用
  • 第42周:文献阅读
  • 杭州小红书代运营公司-品融电商:专业赋能品牌社交增长
  • Java + Spring Boot + MyBatis获取以及持久化sql语句的方法
  • 单片机之间的双向通信
  • 可视化图解算法: 二叉搜索树转双向排序链表
  • Spdlog 日志组件的安装及使用
  • 【C语言】程序分配的区域
  • spring框架学习(下)
  • 现场问题排查-postgresql某表索引损坏导致指定数据无法更新影响卷宗材料上传
  • Java异常处理全面指南:从基础到高级实践
  • (done) 吴恩达版提示词工程 6. 转换 (翻译,通用翻译,语气风格变换,文本格式转换,拼写检查和语法检查)