将动作或菜单折叠到下拉菜单中。

基础用法

移动到下拉菜单上,展开更多操作。

通过组件slot来设置下拉触发的元素以及需要通过具名slotdropdown 来设置下拉菜单。默认情况下,下拉按钮只要hover即可,无需点击也会显示下拉菜单。

 1 <el-dropdown>
 2   <span class="el-dropdown-link">
 3     下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
 4   </span>
 5   <el-dropdown-menu slot="dropdown">
 6     <el-dropdown-item>黄金糕</el-dropdown-item>
 7     <el-dropdown-item>狮子头</el-dropdown-item>
 8     <el-dropdown-item>螺蛳粉</el-dropdown-item>
 9     <el-dropdown-item disabled>双皮奶</el-dropdown-item>
10     <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
11   </el-dropdown-menu>
12 </el-dropdown>
View Code

相关文章: