element UI下拉触发方式

最新推荐文章于 2025-06-07 08:28:40 发布

bloxed

最新推荐文章于 2025-06-07 08:28:40 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： ui

本文链接：https://blog.youkuaiyun.com/github_37847992/article/details/78037387

web 专栏收录该内容

31 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

导航下拉出发方式

 <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>`