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;
    }
}
目录
相关文章
|
4月前
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
748 1
|
11月前
|
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;"> <!-- 没有选项的时候,默认显示的
213 0
|
存储 Python
【Pyqt实战】1-100算式练习题自动生成器(含UI界面,python代码),可自行选择参数
【Pyqt实战】1-100算式练习题自动生成器(含UI界面,python代码),可自行选择参数
【Pyqt实战】1-100算式练习题自动生成器(含UI界面,python代码),可自行选择参数
|
前端开发
前端工作总结182-element-ui el-table sortable属性 参数详解
前端工作总结182-element-ui el-table sortable属性 参数详解
407 0
前端工作总结182-element-ui el-table sortable属性 参数详解
element-ui中的Select选择器中remote-method方法带自定义参数
element-ui中的Select选择器中remote-method方法带自定义参数
|
iOS开发 容器
iOS开发UI篇—在UIImageView中添加按钮以及Tag的参数说明
ios开发UI篇—在ImageView中添加按钮以及Tag的参数说明 一、tag参数 一个视图通常都只有一个父视图,多个子视图,在开发中可以通过使用子视图的tag来取出对应的子视图。方法为Viewwithtag: 提示点:在xib中如果想要通过tag参数获取对应的控件(属性),不要把tag的参数设置为0,因为xib中所有的对象默认tag都为0,设置为0取不到对象。
728 0
|
JavaScript 前端开发 C#
jQuery UI dialog 参数说明[转发]
初始化参数 对于 dialog 来说,首先需要进行初始化,在调用 dialog 函数的时候,如果没有传递参数,或者传递了一个对象,那么就表示在初始化一个对话框。 没有参数,表示按照默认的设置初始化对话框,在当前最新版本的 jQuery UI 1.8.9 中, dialog 支持下列属性。
1166 0
|
JavaScript
jquery ui accordion的详细参数
1.1 active   这个参数是设置默认选项的,默认情况下是0,也就是第一个哦。初始化设置例:$('#accordion').accordion({ active: 2 }); 在初始化之后的获取和设置例: //获取 var active = $('#accordion').
812 0
下一篇
无影云桌面