Element Dropdown下拉菜单的使用方法

组件— 下拉菜单

基础用法

 
  下拉菜单
 
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 .el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
 }
 .el-icon-arrow-down {
  font-size: 12px;
 }

触发对象

 
  更多菜单
 
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 


 更多菜单
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 .el-dropdown {
  vertical-align: top;
 }
 .el-dropdown + .el-dropdown {
  margin-left: 15px;
 }
 .el-icon-arrow-down {
  font-size: 12px;
 }

触发方式

 
  更多菜单
 
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 


 更多菜单
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 .el-dropdown {
  vertical-align: top;
 }
 .el-dropdown + .el-dropdown {
  margin-left: 15px;
 }
 .el-icon-arrow-down {
  font-size: 12px;
 }

菜单隐藏方式

 
  下拉菜单
 
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 .el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
 }
 .el-icon-arrow-down {
  font-size: 12px;
 }

指令事件

 
  下拉菜单
 
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 .el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
 }
 .el-icon-arrow-down {
  font-size: 12px;
 }

不同尺寸

 默认尺寸
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 中等尺寸
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 小型尺寸
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 



 超小尺寸
 
  黄金糕
  狮子头
  螺蛳粉
  双皮奶
  蚵仔煎
 

Dropdown Attributes

Dropdown Slots

Dropdown Events

Dropdown Menu Item Attributes

到此这篇关于Element Dropdown下拉菜单的使用方法的文章就介绍到这了,更多相关Element Dropdown下拉菜单内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网！