【Vue+elementUI】el-dropdown 添加click事件

元素提示与销售提醒组件

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

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

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

17 篇文章

订阅专栏

本文探讨了在前端开发中如何使用Element UI的Dropdown组件创建一个具有销售提醒和跟进功能的提示菜单。通过实例展示了如何结合Vue.js实现交互逻辑。

<el-dropdown v-show="scope.row.clueRemind == 2" class="tip-sales" @command="handleCommand" @click.native="beforeHandleCommand(scope.row.id)">
  <span class="el-dropdown-link">
         提醒销售<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="2">提醒销售</el-dropdown-item>
        <el-dropdown-item command="1" class="follow-up">保持跟进</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>