在使用element-ui框架开发项目时,select组件应该是经常用到,默认@change="changeEvent" 不传递参数,才会把选中的值带过去。但是有时候,我们不仅仅需要选中的值,还需要传递额外的值,比如id之类的参数怎么办呢,下面有两种方法可以解决

element-ui select组件change事件传递多个参数的方法_框架开发

方法1

@change = changeEvent( event,args);event,args);event就是选中的值,args就是额外要传递的参数;接收的时候也要用两个参数去接收

changeEvent(value,args){  console.log(value,args) }

方法2

@change="((val)=>{changeEvent(val,args)})"

其他组件的的默认事件同样的方法传递,例如:

<el-dropdown trigger="click" @command="((val)=>{handleCommand(val,scope.row)})">
<span class="el-dropdown-link">
<i class="el-icon-more el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="volumes">共享卷</el-dropdown-item>
<el-dropdown-item command="container">容器</el-dropdown-item>
<el-dropdown-item command="log">日志</el-dropdown-item>
<el-dropdown-item command="shell">执行</el-dropdown-item>
<el-dropdown-item command="delete">删除</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>