vue中使用el-dropdown

最新推荐文章于 2025-06-01 19:34:47 发布

吴小花的博客

最新推荐文章于 2025-06-01 19:34:47 发布

阅读量1.5w

点赞数 2

分类专栏： element-ui Vue.js 项目实战经验

本文链接：https://blog.youkuaiyun.com/weixin_39089928/article/details/114578592

版权

Vue.js 项目实战经验同时被 2 个专栏收录

52 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

element-ui

18 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客详细介绍了如何在Vue.js应用中使用el-dropdown组件来创建一个下拉菜单。通过点击‘更多’按钮，可以弹出包含多个选项的下拉列表，增强了用户交互体验。

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

点击【更多】弹出如下选项

使用el-dropdown

          <el-dropdown
            @command="
              (command) => {
                handleCommand(command, scope.$index, scope.row);
              }
            "
          >
            <el-link type="primary" :underline="false" style="margin-left: 10px"
              >更多</el-link
            >
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="f" v-if="scope.row.active_type == 1"
                ><i class=

了解本专栏