element-ui Dropdown 传多个参数

简介: element-ui Dropdown 传多个参数

使用Dropdown 下拉菜单操作需要传入id

<el-dropdown
 type="primary" 
  size="mini" 
 @command="handleCommand">
  操作
  <el-dropdown-menu slot="dropdown">
      <el-dropdown-item :command="beforeHandleCommand('a',id)">编辑</el-dropdown-item>
      <el-dropdown-item :command="beforeHandleCommand('b',id)">删除</el-dropdown-item>
   </el-dropdown-menu>
</el-dropdown>
beforeHandleCommand(item,id){
    return {
        'command': item,
        'id': id
  }
},
handleCommand(command){
    switch (command.command) {
        case "a":
          this.edit(command.id)
          break;
        case "b":
            this.del(command.id)
          break;
    }
}
目录
相关文章
|
14天前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
17 1
|
4月前
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
|
8月前
element 下拉菜单el-dropdown如何更改样式?
element 下拉菜单el-dropdown如何更改样式?
493 0
Element el-button 按钮组件详解
本文目录 1. 背景 2. 按钮分类 3. 按钮样式 4. 按钮状态 5. 按钮分组 6. 按钮尺寸 7. 小结
2404 0
Element el-button 按钮组件详解
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
1523 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
4月前
|
XML JavaScript 小程序
element-ui下拉菜单组件Dropdown
<div id='app' style="margin:50px;"> <!-- 鼠标滑过显示下拉列表 这里设置了触发的方式,注意触发方式不能使用’:’绑定,以及绑定了触发选项时的方法 --> <el-dropdown trigger="hover" @command="handleCommand" > <span class="el-dropdown-link el-input__inner" style="display:block;width:200px;"> <!-- 没有选项的时候,默认显示的
45 0
|
5月前
|
JavaScript
Element UI报错:Unknown custom element: <el-menu>
Element UI报错:Unknown custom element: <el-menu>
47 0
|
5月前
element中el-input组件事件
element中el-input组件事件
|
5月前
|
CDN
element-ui本地使用
element-ui本地使用
|
6月前
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
215 0