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

 方法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>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐