element UI下拉触发方式

最新推荐文章于 2025-09-24 12:03:47 发布

原创最新推荐文章于 2025-09-24 12:03:47 发布 · 1.3w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ui

web 专栏收录该内容

32 篇文章

订阅专栏

本文介绍如何使用 Element UI 的 el-dropdown 组件创建带有点击触发下拉菜单的导航栏。通过设置 trigger 属性为 click，可以实现点击时展开或收起下拉菜单的功能。

导航下拉出发方式

 <el-dropdown @command="handleDashBoard" trigger="click" class="navdash">
            <span class="el-dropdown-link" >
            <span >面板</span>&nbsp;&nbsp;<i class="el-icon-caret-bottom el-icon--right"></i>
                      </span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item in 4" v-text="item" :command="item" :key="item">面板</el-dropdown-item>
<el-dropdown-item  command="manage" >面板管理</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>`